原文 / https://webrtchacks.com/chrome-screensharing-getdisplaymedia/
我们将在本文中比较Java语言和JavaScript语言。 JavaScript由Netscape开发。 它最初是用于客户端的脚本语言，后来又用作客户端和服务器脚本的语言。 Java由James Gosling由Sun Microsystems开发。 这些天来，JavaScript在服务器中以node.js的形式使用。 Java和JavaScript之间在程序编码，编译和运行方式方面存在许多差异。
导语 | 以《羊了个羊》为代表的微信小游戏在去年多次刷屏，引爆全网。近期又有几款微信小游戏成为热门，一度让“微信小游戏”热度指数上涨 20% 以上。微信小游戏市场一直都充满着希望与竞争，开发者如何在爆品争霸中脱颖而出呢？在小游戏开发中有哪些传统开发经验可以借鉴与学习呢？我们特邀腾讯云 TVP、计算机作家/讲师 李艺老师，在他新书《微信小游戏开发》的基础上带我们看看在微信小游戏项目开发中，从架构师角度如何应用面向对象和软件设计思想和设计模式。 作者简介 李艺，腾讯云 TVP、日行一课联合创始人兼 CTO，极
最近开源了一个 Vue 组件，还不够完善，欢迎大家来一起完善它，也希望大家能给个 star 支持一下，谢谢各位了。
我们可能习惯了在城市的网速，那是杠杠的，并不意味网速在中国哪个都一样的，在一些偏远地方，网速依然慢的可怜，所以有时候我们所做的产品是需要考虑网速慢的情况的，那怎么模拟呢？
我们常说的指纹，都是指人们手指上的指纹，因具有唯一性，所以可以被用来标识一个人的唯一身份。而浏览器指纹是指仅通过浏览器的各种信息，如CPU核心数、显卡信息、系统字体、屏幕分辨率、浏览器插件等组合成的一个字符串，就能近乎绝对定位一个用户，就算使用浏览器的隐私窗口模式，也无法避免。
据相关数据显示，截至2017年底，中国手机新闻客户端用户规模达到6.36亿人，移动App已经成为新闻和内容传播的最重要途径之一。而伴随着行业的竞争和发展，App中的 内容页 在提升App品质、提升使用时长及提升用户黏性等方面，扮演着更为重要的角色，同时也面临着更大的挑战。
OrangePi AIPro 是一款基于昇腾AI技术的开发板，它采用华为昇腾910E AI芯片，集成4核64位CPU和AI处理器，支持8TOPS AI算力，拥有8GB/16GB LPDDR4X内存，支持千兆网口、GPIO接口、双HDMI接口、WIFI5+BT4.2、USB3.0和USB Type-C 3.0接口等，采用Type-C供电（还支持MIPI接口的摄像头和DSI屏幕，后续有了这些外设可以继续开发）。Orange Pi AIpro支持Ubuntu、openEuler操作系统，满足大多数AI算法原型验证、推理应用开发的需求。
如何将一件物品的图像导入 Photoshop？首先你要拍摄照片，然后将这张照片通过网络或者存储卡传输到电脑上，再导入 Photoshop 界面。所以，这些流程能不能一步到位？
在上篇文章中，我们提到了如何使用 .NET连接斗鱼TV直播弹幕的基本操作。然而想要做得好，做得容易扩展，就需要做进一步的代码整理。
传说中有一种电脑高手可以在一台电脑上按下Ctrl+C，在另一台电脑上按下Ctrl+V就能进行跨设备粘贴复制。
PornHub的FE，分享了P站前端一些实践，英文比较晦涩难懂，故翻译整理了一下，很多同学对前端技术不是很熟悉，故加入了简单解释，希望对大家理解相关技术有帮助。
好的互联网产品不仅仅在功能上要高人一筹，在性能层面也需要出类拔萃，否则金玉其外败絮其中，页面是美轮美奂了，结果首屏半天加载不出来，难免让用户乘兴而来，败兴而归。
werien、vorlonjs远程调试，chrome inspect 代码自动化检查fecs
作为一个上班族，每天坐在电脑前那么久，难免出现腰酸背痛的情况，时间长了甚至脊柱都歪曲变形了，这可不行！一定要克制住自己的坐姿。
由于移动设备的显示屏幕相对于桌面显示器来说小很多，在桌面显示器上能够正常显示的内容，到了移动设备中就不正常了。为了实现移动端和桌面端的相互跳转，我们可以通过JavaScript来判断当前的设备是否是移动设备，然后执行相应的代码。
1）媒体查询 @media 是个好东西，至少对像我一样刚入行的小前端做响应式是个不错的选择。
本文列举出 50 个能够帮你提高开发效率，节省开发时间的 Chrome 扩展和 Web 应用，它们很有可能会在什么时候派上用场。老规矩，先转发、点赞、点再看三连，最后再慢慢阅读，千万别让它在收藏夹里吃灰。
用标准的网页技术打造超炫的动画，Senchar Animator使用CSS3来打造动态的文字和图片，流畅的变换，阴影，渐变等效果。
移动开发的世界在不断变化，随之而来的是对能够适应任何设备或方向的用户界面的需求。React Native 提供了一套丰富的工具来构建这样的需求。
CSS中有很多媒体查询的用法，例如设备尺寸判别，是否支持鼠标行为，是否是黑暗模式，是否是省电模式等。
CSS3 基础知识 1.边框 1.1 圆角 border-radius:5px 0 0 5px; 1.2 阴影 box-shadow:2px 3px 4px 5px rgba(0,0,0,0.5);(水平、垂直、模糊、扩展) box-shadow:inset 1px 2px 3px 4px #fff;(inset 内阴影) 1.3 边框图像 border-image 2.背景 2.1 background-size background-size:30px 30px;(背景图像宽度，背景图像高度) 2.2 background-image:linear-gradient(45deg,rgba(0,0,0,0.5) 25%,transparent 25%,transparent 50%,rgba(0,0,0,0.5) 50%,rgba(0,0,0,0.5) 75%,transparent 75%,transparent);(线性渐变，和background-size一起用) 2.3 background-attachment:(fixed|scroll|local) fixed： 背景图像相对于窗体固定。 scroll： 背景图像相对于元素固定，也就是说当元素内容滚动时背景图像不会跟着滚动，因为背景图像总是要跟着元素本身。但会随元素的祖先元素或窗体一起滚动。 local： 背景图像相对于元素内容固定，也就是说当元素随元素滚动时背景图像也会跟着滚动，因为背景图像总是要跟着内容。 2.4 background-position:30px 20px;(横坐标，纵坐标；是图片在动) 2.5 background-origin:(padding-box|border-box|content-box) padding-box： 从padding区域（含padding）开始显示背景图像。 border-box： 从border区域（含border）开始显示背景图像。 content-box： 从content区域开始显示背景图像。 3.文本 3.1 文字阴影 text-shadow:5px 5px 4px #000;(水平，垂直，模糊) 3.2 换行 word-wrap:(normal|break-word) normal： 允许内容顶开或溢出指定的容器边界。 break-word： 内容将在边界内换行。如果需要，单词内部允许断行。 white-space:(normal|pre|nowrap|pre-wrap|pre-line) normal： 默认处理方式。 pre： 用等宽字体显示预先格式化的文本，不合并文字间的空白距离，当文字超出边界时不换行。可查阅pre对象 nowrap： 强制在同一行内显示所有文本，直到文本结束或者遭遇br对象。 pre-wrap： 用等宽字体显示预先格式化的文本，不合并文字间的空白距离，当文字碰到边界时发生换行。 pre-line： 保持文本的换行，不保留文字间的空白距离，当文字碰到边界时发生换行。 3.3 省略号 width:200px; overflow:hidden; text-overflow:hidden; white-space:nowrap; 4.2D变换 4.1 旋转 transform:rotate(45deg); 4.2 移动 transform:translate(45px,45px);(水平，垂直) 4.3 缩放 transform:scale(2,2);(水平，垂直) 4.4 翻转 transform:skew(20deg,40deg);(沿X轴翻转，沿Y轴翻转) 4.5 将以上四个组合在一起 matrix(),需要六个参数，包含数学函数，允许您：旋转、缩放、移动以及倾斜元素。 暂放 5.过渡 5.1 transition : [ transition-property ] || [ transition-duration ] || [ transition-timing-function ] || [ transition-delay ] [ transition-property ]： 检索或设
我们在Tutorialzine上的任务就是让你了解最新最酷的Web发展趋势。这就是为什么我们每个月都会发布一些我们偶然发现并认为值得你关注的最佳资源的缘由。
快来免费体验ChatGpt plus版本的，我们出的钱 体验地址:https://chat.waixingyun.cn 可以加入网站底部技术群，一起找bug，另外新版作图神器已上线 https://cube.waixingyun.cn/home
最近Zimperium 的研究人员发现了一个新的名为“Cloud9”的 Chrome 浏览器僵尸网络，它使用恶意扩展来窃取在线帐户、记录击键、注入广告和恶意 JS 代码，并让受害者的浏览器参与 DDoS 攻击。 Cloud9 浏览器实际上是 Chromium Web 浏览器（包括 Google Chrome 和 Microsoft Edge）的远程访问木马 (RAT)，其作用是允许攻击者远程执行命令。 恶意 Chrome 扩展程序在官方 Chrome 网上商店中不可用，而是通过其他渠道传播，例如推送虚假 A
Node.js 是一个 JavaScript 运行时环境。听起来还不错，不过这究竟意味着什么？它又是如何运作的？
游戏开发中，碰撞检测无处不在，今天就通过一个简单的小游戏教你学会如何在 Cocos Creator 中进行碰撞检测。配合官方文档学习效果更加（官方文档传送门：https://docs.cocos.com/creator/manual/zh/physics/collision/），关注公众号「游戏开发小白变怪兽」后台回复「解救人质」获取美术资源及源码。
随着移动互联网的兴起，APP 测试的越来越被重视！Android 系统因为自己的开源性，测试工具和测试方法比较广为流传，但是 iOS 系统的私密性，导致很多测试的执行都有点麻烦。
无论你可能会怎么想，目前，在浏览器里可靠地检测当前的设备是否有一个触摸屏是不可能的。
2.1 媒体有覆盖性（当width: 1200px 时，符合下面两个条件，但是靠媒体样式的覆盖性，所以会采用第二个样式）
一、是什么 不同的浏览器尺寸，不同的排版（舒服美观为主） 二、媒体查询 1、媒体类型 all 所有 screen 电脑或手机 print 打印设备 speech 听觉类似的媒体类型 @media screen{ .box{ ...... } } ========================== @media only
随着9月25日iPhone6s的发货，早已预订的人是不是心里开始有点小激动了。那么它的到来对于前端来说有哪些新东西？ Force Touch 针对此次的3D Touch 页面中多了三个事件，当然了，以下事件请自带webkit前缀 1. mouseforcewillbegin 2. mouseforcedown 3. mousefoeceup Javascript代码 看字面意思就能理解了，用法和其他事件一样，只是奇怪为何不起名为forcetouchdown,forcetouchup back
当我们在修改主题样式后，经常要做的一个重复动作就是按F5刷新网页，今天介绍一款神奇的小工具，可以检测CSS和JavaScript文件的变化，并自动刷新网页的JS脚本Live.js。
scrollIntoView对页面元素调用，会滚动元素的父容器，将该元素滚动到浏览器的可视区域
蝶行算法是一种基于蝴蝶飞行的优化算法，其主要思想是模拟蝴蝶在寻找食物时的飞行路径，通过不断调整飞行方向和速度，最终找到最优解。
给大家介绍一个可自动收集能量的方法，亲测有效，让你不在动手，能量即可充到爆！！！ 一、实操步骤 先在安卓手机上安装 Auto.js.apk； 首次运行 Auto.js.apk，会提示需要启用无障碍服务
金三银四，又到了一年一度的跳槽季，相信大家都在准备自己的面试笔记，我也针对自己工作中所掌握或了解的一些东西做了一个目录总结，方便自己复习。详细内容会在之后一一对应地补充上去（有些在我的个人主页笔记中也有相关记录），这里暂且放一个我的面试知识点目录，大家有兴趣可以自己根据目录去扩展。欢迎在评论下方指点一二，看还有哪些没考虑到的，互相交流一哈...
移动端浏览器兼容性较好，我们不需要考虑以前 JS 的兼容性问题，可以放心的使用原生 JS 书写效果，但是移动端也有自己独特的地方。比如触屏事件 touch（也称触摸事件），Android和 IOS 都有。
网络相关 网络连接 AFNetworking - ASI不升级以后，最多人用的网络连接开源库，iOS的网络编程之AFNetworking使用，iOS的开发下载文件速度计算 ， AFNetworking 3.0迁移指南 ， AFNetworking2.0源码解析<一> ，AFNetworking2.0源码解析<二>，AFNetworking源码解析<三>，AFNetworking源码解析<四>。 Alamofire.swift - Alamofire是AFNetworking的作者mattt
HTML 视频播放器作为一种集成在网页中的工具，已经在数字媒体领域扮演着举足轻重的角色。它们不仅使得视频内容的传播和观看更加便捷，也提供了更多样化的信息呈现方式。HTML 视频播放器通过支持多种格式和编解码器，确保了视频的高质量播放和流畅体验。同时，其良好的兼容性和可访问性使得视频内容能够在各种设备和平台上无缝展示。随着技术的不断发展，我们可以期待HTML视频播放器进一步创新，为用户带来更加出色的观看体验，并推动在线视频行业的进一步发展。
前段时间接触了下Auto.js（https://github.com/hyb1996/Auto.js），很好上手而且挺有意思，于是写了个微信红包监测脚本 大概思路是，不断获取手机屏幕截图，发现新消息则进入，如果进一步发现了红包，则点击红包并打开 由于Auto.js只能在安卓上安装，所以脚本同样仅适用于安卓 Auto.js简介 适用于安卓的脚本工具 一个主要由无障碍服务实现的，不需要Root权限的自动操作软件 可以实现自动点击、滑动、输入文字、打开应用等功能 更详细的介绍可以参考项目官方Github 下载链接
作者：big（谢刚），腾讯TGideas团队前端工程师，前端虐我千万遍，我待前端如初恋！ 随着9月25日iPhone6s的发货，早已预订入手的小伙伴已开始了新一轮的研究。那么它的到来对于前端来说有哪些新东西？ Force Touch 针对此次的3D Touch 页面中多了三个事件，当然了，以下事件请自带webkit前缀 1. mouseforcewillbegin 2. mouseforcedown 3. mousefoeceup Javascript代码 看字面意思就能理解了，用法和其他事件一样，只是
1：pica 一个在浏览器中调整图像大小，而不会出现像素失真，处理速度非常快的图片处理库
Developer Menu是React Native给开发者定制的开发者菜单，来帮助开发者调试React Native应用。
而且从昨天开始，【组队比拼】又来了，你没点人气都不好意思帮人助力了，想要人气你就得做任务，但一看到这个任务列表，放弃的心都有了......
51 . 测试1MB以上的存储器。 . 52 所有ISA只读存储器ROM进行初始化，最终给PCI分配IRQ号等初始化工作。 已完成1MB以上的存储器测试；即将准备回到实址方式。 进入键盘检测。 53 如果不是即插即用BIOS，则初始化串口、并口和设置时种值。 保存CPU寄存器和存储器的大小，将进入实址方式。 . 54 . 成功地开启实址方式；即将复原准备停机时保存的寄存器。 扫描“打击键” 55 . 寄存器已复原，将停用门电路A－20的地址线。 . 56 . 成功地停用A－20的地址线；即将检查BIOS ROM数据区。 键盘测试结束。 57 . BIOS ROM数据区检查了一半；继续进行。 . 58 . BIOS ROM的数据区检查结束；将清除发现＜ESC＞信息。 非设置中断测试。 59 . 已清除＜ESC＞信息；信息已显示；即将开始DMA和中断控制器的测试。 . 5A . . 显示按“F2”键进行设置。 5B . . 测试基本内存地址。 5C . . 测试640K基本内存。 60 设置硬盘引导扇区病毒保护功能。 通过DMA页面寄存器的测试；即将检验视频存储器。 测试扩展内存。 61 显示系统配置表。 视频存储器检验结束；即将进行DMA＃1基本寄存器的测试。 . 62 开始用中断19H进行系统引导。 通过DMA＃1基本寄存器的测试；即将进行DMA＃2寄存器的测试。 测试扩展内存地址线。 63 . 通过DMA＃2基本寄存器的测试；即将检查BIOS ROM数据区。 . 64 . BIOS ROM数据区检查了一半，继续进行。 . 65 . BIOS ROM数据区检查结束；将把DMA装置1和2编程。 . 66 . DMA装置1和2编程结束；即将使用59号中断控制器作初始准备。 Cache注册表进行优化配置。 67 . 8259初始准备已结束；即将开始键盘测试。 . 68 . . 使外部Cache和CPU内部Cache都工作。 6A . . 测试并显示外部Cache值。 6C . . 显示被屏蔽内容。 6E . . 显示附属配置信息。 70 . . 检测到的错误代码送到屏幕显示。 72 . . 检测配置有否错误。 74 . . 测试实时时钟。 76 . . 扫查键盘错误。 7A . . 锁键盘。 7C . . 设置硬件中断矢量。 7E . . 测试有否安装数学处理器。 80 . 键盘测试开始，正在清除和检查有没有键卡住，即将使键盘复原。 关闭可编程输入／输出设备。 81 . 找出键盘复原的错误卡住的键；即将发出键盘控制端口的测试命令。 . 82 . 键盘控制器接口测试结束，即将写入命令字节和使循环缓冲器作初始准备。 检测和安装固定RS232接口（串口）。 83 . 已写入命令字节，已完成全局数据的初始准备；即将检查有没有键锁住。 . 84 . 已检查有没有锁住的键，即将检查存储器是否与CMOS失配。 检测和安装固定并行口。 85 . 已检查存储器的大小；即将显示软错误和口令或旁通安排。 . 86 . 已检查口令；即将进行旁通安排前的编程。 重新打开可编程I／O设备和检测固定I／O是否有冲突。 87 . 完成安排前的编程；将进行CMOS安排的编程。 . 88 . 从CMOS安排程序复原清除屏幕；即将进行后面的编程。 初始化BIOS数据区。 89 . 完成安排后的编程；即将显示通电屏幕信息。 . 8A . 显示头一个屏幕信息。 进行扩展BIOS数据区初始化。 8B . 显示了信息：即将屏蔽主要和视频BIOS。 . 8C . 成功地屏蔽主要和视频BIOS，将开始CMOS后的安排任选项的编程。 进行软驱控制器初始化。 8D . 已经安排任选项编程，接着检查滑了鼠和进行初始准备。 . 8E . 检测了滑鼠以及完成初始准备；即将把硬、软磁盘复位。 . 8F . 软磁盘已检查，该磁碟将作初始准备，随后配备软磁碟。 . 90 . 软磁碟配置结束；将测试硬磁碟的存在。 硬盘控制器进行初始化。 91 . 硬磁碟存在测试结束；随后配置硬磁碟。 局部总线硬盘控制器初始化。 92 . 硬磁碟配置完成；即将检查BIOS ROM的数据区。 跳转到用户路径2。 93 . BIOS ROM的数据区已检查一半；继续进行。 . 94 . BIOS ROM的数据区检查完毕，即调定基本和扩展存储器的大小。 关闭A－20地址线。 95 . 因应滑鼠和硬磁碟47型支持而调节好存储器的大小；即将检验显示存储器。 . 96 . 检验显示存储器后复原；即将进行C800：0任选ROM控制之前的初始准备。 “ES段”注册表清除。 97 . C800：0任选ROM控制之前的任何初始准备结束，接着进行任选ROM的检查及控制。 . 98 . 任选ROM的控制完成；即将进行任选ROM回复控
主要介绍游戏玩法，具体实现，参考游戏源码。玩法是：游戏开始后，通过虚拟摇杆控制猴子在屏幕左右方向跳动，屏幕上随机出现香蕉，过一段时间后消失，猴子吃到香蕉得分，如果等到香蕉消失时，猴子仍旧没吃到，则游戏结束。
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频
