晓寒

前端实现录音有两种方式，一种是使用MediaRecorder，另一种是使用WebRTC的getUserMedia结合AudioContext，MediaRecorder出现得比较早，只不过Safari/Edge等浏览器一直没有实现，所以兼容性不是很好，而WebRTC已经得到了所…

对象是多个属性的动态集合，它有一个链接着原型的隐藏属性（注：__proto__）。 一个属性拥有一个 key 和一个 value 。 属性的 key 是一个唯一的字符串。 访问属性有两种方式：点表示法和括号表示法。当使用点表示法，属性的 key 必须是有效的标识符。 访问一个不…

大家都知道，浏览器在解析DOM树的时候，当解析到script标签的时候，会阻塞其他的所有任务，直到该js文件下载、解析执行完成后，才会继续往下执行。因此，这个时候浏览器就会被阻塞在这里，如果将script标签放在head里的话，那么在该js文件加载执行前，用户只能看到空白…

少年，我看你骨骼精奇，是万中无一的武学奇才，我这有本《图片流》秘籍，见与你有缘，就送于你了。 本文所说的图片流就是读取本地图片，并在页面使用文件流的方式显示出来。 paste事件提供了一个clipboardData属性，是一个DataTransfer类型的对象，前面我们说到，拖…

Virtual DOM的概念相信大家都不会陌生，Vritual DOM是相对与DOM(文档对象模型)来说的，MDN上关于DOM的定义：“DOM模型用一个逻辑树来表示一个文档，树的每个分支的终点都是一个节点(node)，每个节点都包含着对象(objects)。DOM的方法(met…

实现 Web 推送的痛点之一就是触发一个推送消息是极其“繁琐”的，应用程序需要按照 Web 推送协议向推送服务发送 POST 请求。为了使推送能够跨浏览器使用，你还需要使用 VAPID (即应用服务器密钥)——需要在 header 中设置一个值来证明你的应用能够向用户发送消息。…

Cisco (AppDynamics) 在今年的 APM 报告中排名第一。下载 Gartner 的 2018 Magic Quadrant 来了解更多的 APM！ 为了发现优化、部署以及维护企业级 Node.js 应用程序的专家技术而获取高级 Node.js 成功指南。 Nod…

这种整页翻转的效果主要是做rotateY的动画，并结合一些CSS的3d属性实现。 主要是通过计算页面翻折过来的位置。 这两种原理上都不是很复杂，需要各个细节配合好，形成一个连贯的翻书动画。 我们先重点说一下第一种翻页效果的实现。 1. 基本布局 一个li.paper就表示一张纸…