在做React Native开发时，少不了的需要对React Native程序进行调试。调试程序是每一位开发者的基本功，高效的调试不仅能提高开发效率，也能降低Bug率。 Developer Menu Android模拟器： 可以通过Command⌘ + M 快捷键来快速打开Developer Menu。也可以通过模拟器上的菜单键来打开。 iOS模拟器： 可以通过Command⌘ + D快捷键来快速打开Developer Menu。 在真机上开启Developer Menu： 在真机上你可以通过摇动手机来开启
在做React Native开发时，少不了的需要对React Native程序进行调试。调试程序是每一位开发者的基本功，高效的调试不仅能提高开发效率，也能降低Bug率。本文将向大家分享React Native程序调试的一些技巧和心得。 Developer Menu Developer Menu是React Native给开发者定制的一个开发者菜单，来帮助开发者调试React Native应用。 提示：生产环境release (production) 下Developer Menu是不可用的。 如何开启Dev
本文出自《React Native学习笔记》系列文章。 在做React Native开发时，少不了的需要对React Native程序进行调试。调试程序是每一位开发者的基本功，高效的调试不仅能提高开发效率，也能降低Bug率。本文将向大家分享React Native程序调试的一些技巧和心得。 Developer Menu Developer Menu是React Native给开发者定制的一个开发者菜单，来帮助开发者调试React Native应用。 提示：生产环境release (production)
随着我们的网站越来越依赖 JavaScript, 我们有时会(无意)用一些不易追踪的方式来传输一些(耗时的)东西. 在这篇文章中, 我会介绍一些能让你的网站在移动设备上快速加载且可交互的方式. 摘要: 更少的代码 = 更少的解析/编译(时间) + 更少的传输(时间) + 更少的解压(时间) 网络 大多数开发者考虑 JavaScript 的时间消耗时, 都会首先考虑到 JavaScript 的下载和执行消耗. 脚本传输的字节越多, 花费的时间越长, 用户连接的就越慢. network 即使在网络发达的国家,
小技巧：不同类型的数据从 console 中打印出的颜色也不相同，可以借此判断数据类型
我们系统程序的漏洞就叫 bug。世界上第一个 bug ，是 1946 年霍普发现了第一个电脑上的 bug，竟然是一只飞蛾“臭虫”。解决这些问题的过程叫做捉虫、调试，也就是 Debug。
小程序提供了wx.createVideoContext(string id,Object this)、wx.chooseVideo(Object object)、wx.saveVideoToPhotosAlbum(Object object)等接口对手机视频进行操作。
记得好早前在慕课网上看到一款可视化音乐播放器，当前是觉得很是神奇，还能这么玩。由于当时刚刚转行不久，好多东西看得稀里糊涂不明白，于是趁着现在有时间又重新梳理了一遍，然后参照官网的API模拟做了一款网易播放器。没有什么创新的点，只是想到了就想做一下而已。 效果可以看这里：http://music.poemghost.com/，如果看不了，说明博主的服务器已经不在工作啦。（建议使用电脑浏览器打开，同时切换到手机模式来打开，因为在手机上测试时有问题，而且有很大性能损耗，经常会导致浏览器奔溃） 代码在这里：gith
前段时间我有这样一个需求，想和一个异地的人一起看电影，先后在网上找了一些方案，不过那几个案都有一些缺点
开发者可直接在开发工具内控制微信客户端中的小程序，进行断点、单步执行，调用所有微信原生API，查看所有小程序输出日志等。
这里的控制台特指PC端浏览器进入开发者模式之后新打开的操作界面。常见的控制台有Chrome的控制台，Firefox的firebug。这些都能帮助我们调试前端问题。本手册将以Chrome浏览器控制台为例进行讲解。
Auto.js pro 开发环境配置 准备： 1.Auto.js Pro Auto.js 已暂停维护 -下载链接放在了文章底部，有需要自行下载 2. VS Code 官方下载地址：https://code.visualstudio.com/安装：1.Auto.js Proundefined资源下载Auto.js Pro下载 环境：真机或模拟器，本文使用的是雷电4模拟器，Auto.js Pro 7.0.4 直接安装即可无需登录，开启无障碍服务、悬浮窗、调试服务 图片 2. VS Code 下载后无需安装直接
前言——几日前，我那上初中的妹妹突然发VX问我说她想复制网上搜到的一些朋友圈文案拿去发朋友圈，但是问题是复制不了！
9月初就申请了 掘金小册子，到现在也没审核通过，只能将此项目的文字教程发布到小专栏了， 小专栏地址
《QQ音乐小电台》主要分享在开发过程中核心功能实现和踩过的坑，希望对开发音频播放的同学有所帮助。 作者：任洋--腾讯web前端助理工程师 @IMWeb前端社区 QQ音乐电台小程序的核心功能 开启电台 好友卡片 引导页（引导用户用微信登录QQ音乐或开启冷启动） 冷启动 卡片详情（好友相似度，好友偏好，评论） 歌曲播放页（播放暂停，歌词滚动，收藏歌曲，切换歌曲，听歌流水上报，背景魔法色，适配） miniplayer （切换歌曲，状态同步） 核心功能实现 音频状态同步 涉及播放歌曲状态同步，不能使用audio组
由于 Web Worker 本质上是Web线程，因此你可以在其中无限循环而不阻塞主线程。这使你可以访问微秒级的时间分辨率。这对于在 Worker 中做出时间关键的决策是特别实用的，可以让主线程准确的知道什么时候合适。例如：只要微秒是质数，就渲染某些东西。要访问微秒，你可以使用 performance.now。
JavaScript是一门单线程但是可处理异步任务的脚本语言,是没有提供sleep等类似的方法的,当有需求需要暂停js脚本时,可以使用以下的方法 单线程分析:http://blog.csdn.net/talking12391239/article/details/21168489
据说后期的项目会涉及到 React Native，今天在等待导入依赖的期间，简单配置了一波，特此做个记录。
目前几种视频流的简单对比： 协议 httpflv rtmp hls dash 传输方式 http流 tcp流 http http 视频封装格式 flv flv tag Ts文件 Mp4 3gp webm 延时 低 低 高 高 数据分段 连续流 连续流 切片文件 切片文件 Html5播放 可通过html5解封包播放(flv.js
又快到了一年一度的双十一，你是不上班/上课时摸鱼做京东/淘宝的双11任务，分享几个工具帮你解放双手，自动帮你做任务领金币。
在网页中观看和分享视频内容是一个很常见的功能，多年来，视频嵌入网页的方式发生了变化。现在，我们在现代浏览器中使用 标签就可以添加视频文件到网页上，该标签支持多个视频格式。
谷歌如何限制华为？停止商业合作，（1）禁用GMS套件 （2）不能获取更新与适配优化
隐身模式或私有模式会使用单独的用户配置文件，在浏览器重新启动之后不会保留 Cookie，localStorage或缓存文件之类的数据。每个会话都会以干净的状态开始，所以非常适合测试登录功能、首次渲染性能和PWA程序。
由于最近疫情的影响，相信最近很多小伙伴都忙于线上办公或者面试?，笔者这里分享一道发生在大厂前端线上编程面试中的一道题目， 如何让 6000 万数据包和 300 万数据包在仅 50M 内存环境中求交集，
现在用户上网大多使用移动设备或者笔记本电脑。对这两者来说，电池寿命都很重要。在这篇文章里，我们将讨论影响电池寿命的因素，以及作为一个web开发者，我们如何让网页耗电更少，以便用户有更多时间来关注我们的内容。
直播是脱离于文字、图片来说，另外一种社交的方式。各大平台也在深耕这一领域，淘宝直播，花椒，映客，Now 直播，企鹅电竞。本人就职于腾讯 Now 直播前端开发，感觉直播能够尝试的领域真的太多太多，但是，Web 在这块一直是一个痛点。由于没有现成操作流的接口，只能简简单单的通过添加 video.src 尴尬的播放几段回放...... 这样造成的后果就是，在 Web 上，我们根本体会不到实时流畅的观看体验。 而且，根据 8 月份腾讯财报内容，直播贡献的收入增长的飞快。现在，我们也想让 Web 体会一把能够实时观看
在初学JS的过程中，所有的事件都是一个 onclick 但是这个事件是不太合适的。
本文记录一下在使用 flv.js 播放监控视频时踩过的各种各样的坑。虽然官网给的 Getting Started 只有短短几行代码，跑一个能播视频的 demo 很容易，但是播放时各种各样的异常会搞到你怀疑人生。
NPlayer 是一个高度可定制、支持移动端、功能强大的弹幕视频播放器。你可以自定义所有图标、主题色和每个控制项的位置，并且提供了内置组件方便二次开发。你可以自定义任意多个断点，不仅仅是兼容移动端，只要愿意，你可以非常轻松的兼容手机竖屏、手机横屏、平板等设备。弹幕系统是通过插件形式提供，使用时按需引入即可，弹幕系统支持非常多的设置，并且不限制后端实现，可以非常轻松就可以接入。NPlayer 还支持 IE 11，SSR，任何流媒体，直播等等。
JavaScript 的异步过程一直被认为是不够快的，更糟糕的是，在 NodeJS 等实时性要求高的场景下调试堪比噩梦。不过，这一切正在改变，这篇文章会详细解释我们是如何优化 V8 引擎（也会涉及一些其它引擎）里的 async 函数和 promises 的，以及伴随着的开发体验的优化。
1. http://www.w3school.com.cn/h.asp
在讨论前端JS发起的请求是否能暂停时，需要明确两个概念：什么状态可以被认为是“暂停”？以及什么是JS发起的请求？
一、Promise并非完美 我在上一话中介绍了Promise，这种模式增强了事件订阅机制，很好地解决了控制反转带来的信任问题、硬编码回调执行顺序造成的“回调金字塔”问题，无疑大大提高了前端开发体验。但有了Promise就能完美地解决异步问题了吗？并没有。 首先，Promise仍然需要通过then方法注册回调，虽然只有一层，但沿着Promise链一长串写下来，还是有些让人头晕。 更大的问题在于Promise的错误处理比较麻烦，因为Promise链中抛出的错误会一直传到链尾，但在链尾捕获的错误却不一定清楚来源。而且，链中抛出的错误会fail掉后面的整个Promise链，如果要在链中及时捕获并处理错误，就需要给每个Promise注册一个错误处理回调。噢，又是一堆回调！ 那么最理想的异步写法是怎样的呢？像同步语句那样直观地按顺序执行，却又不会阻塞主线程，最好还能用try-catch直接捕捉抛出的错误。也就是说，“化异步为同步”！ 痴心妄想？ 我在第一话里提到，异步和同步之间的鸿沟在于：同步语句的执行时机是“现在”，而异步语句的执行时机在“未来”。为了填平鸿沟，如果一个异步操作要写成同步的形式，那么同步代码就必须有“等待”的能力，等到“未来”变成“现在”的那一刻，再继续执行后面的语句。 在不阻塞主线程的前提下，这可能吗？ 听起来不太可能。幸好，Generator（生成器）为JS带来了这种超能力！ 二、“暂停/继续”魔法 ES6引入的新特性中，Generator可能是其中最强大也最难理解的之一，即使看了阮一峰老师列举的大量示例代码，知道了它的全部API，也仍是不得要领，这是因为Generator的行为方式突破了我们所熟知的JS运行规则。可一旦掌握了它，它就能赋予我们巨大的能量，极大地提升代码质量、开发效率，以及FEer的幸福指数。 我们先来简单回顾一下，ES6之前的JS运行规则是怎样的呢？ 1. JS是单线程执行，只有一个主线程 2. 宿主环境提供了一个事件队列，随着事件被触发，相应的回调函数被放入队列，排队等待执行 3. 函数内的代码从上到下顺序执行；如果遇到函数调用，就先进入被调用的函数执行，待其返回后，用返回值替代函数调用语句，然后继续顺序执行 对于一个FEer来说，日常开发中理解到这个程度已经够用了，直到他尝试使用Generator……
H4中的input type：text、password、radio、checkbox、file、hidden、submit、reset、image
在自动化测试中，某些问题无法解决，我们可以执行javascript代码通过seleniumwebdriver的使用方法来解决我们遇到的问题，如浏览器显示的内容很多，但是要定位底部或者顶部的，就得控制浏览器滚动条来实现，webdriver可以通过execute_script()来调用js来实现。WebDriver类提供了下列方法来执行Javascript代码：
异步函数是将期约应用于JavaScript函数的结果。异步函数可以暂停执行，而且不阻塞主线程。异步函数就是async/await，它是Es8新增的。
前两篇文章发出来后，有一些网友在后台咨询我一些问题，我把它们归总罗列在一起。这篇文章既是答网友问也是对前两篇的补充和复习。
上篇既是 Node.js 的核心，也是理解今天这篇的基础。对 event-loop ，Node.js 官网有下面这样一段描述。希望上一篇能帮你更好地理解这句话。
做完这个以后直接拿electro包装成exe文件就可以直接在班里电脑使用了 HTML <!DOCTYPE html> <html lang="en"> <head> <meta char
这个功能是在最百度语音合成的时候涉及到的，这个功能我也是第一次写，毕竟前端的东西不是很擅长。特此记录一下。
1、网上的教程大部分都是虎头蛇尾的不全的。互相抄来抄去真的感觉就没有一个是真正自己去写一写的，不然这里面这么多的坑就没有一个人出来说说的？下面就写写我实现功能过程中的一些问题吧，代码绝对完整并且按照步骤来一定可以成功！
最近在使用Appium做爬虫功能，网上全是python + Appium的教程，Appium也支持Node.js开发，作为前端工程师使用Node.js + Appium实现了自动化爬虫功能。
生成器(Generator)是 ES6 中的新语法，相对于之前的异步语法，上手的难度还是比较大的。因此这里我们先来好好熟悉一下 Generator 语法。
es6作为最新的js语言版本，有很多特性是不得不晓的。下面将语法中常用的分析出来，对应到基本对象类型的会在对象里描述。
好长时间没对微信的H5进行开发，不过感觉微信基本已经废弃了JSSDK的更新，把更多的精力向小程序那边转移。不过刚好要维护一个以前写的微信H5所以重新拿了起来，如果用微信H5当然去交那300元/年的保护费，这样功能更多更强。
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
对象存储
即时通信 IM
腾讯会议
