Rychou

有时候会需要使用到录屏功能，但是在 Window 10上要找录屏软件很麻烦，有很多软件混杂了很多无用的功能，不够纯净。也有用过 PPT 上面的屏幕录制功能，勉强够用，但是不够方便。 目前在 Web 端录屏功能主要是利用 Canvas 实现的。而刚好最近在学习 WebRTC，用于…

但是也有无后缀名的文件。尝试着把 坤坤运球.gif 的文件后缀去掉，然后用图片查看器打开该文件，同样能看到坤坤精湛的球技。 这说明，改变文件的后缀名，并不会影响文件本身的内容。同时也说明，文件的数据中，有东西能够标识出文件的类型。 说以上那么多，其实是想引出 Magic Num…

在本教程中，你将学会如何使用性能分析工具分析页面上的性能瓶颈。 在隐身模式下打开Google Chrome。隐身模式确保Chrome在干净的状态下运行。例如，如果你安装了很多扩展，这些扩展可能会影响到性能分析的结果。 在隐身窗口中加载以下页面。这是本教程的Demo，页面显示了一…

开篇先来道题目吧：这位同学，请把下面代码在浏览器控制台的输出顺序手写一下。 1. 函数调用栈(Call stack) 函数调用栈的作用：用于记录函数调用。 在执行的一个函数时，会将该函数 push 到调用栈顶，调用完成后将栈顶函数 pop 弹出。同理，如果一个函数调用期间调用了…

例如页面有 2 个元素 A 和 B，用户在 A 上做 touchmove 手势，要求 B 也跟随移动，movable-view 就是一个典型的例子。一次 touchmove 事件的响应过程为： 一次 touchmove 的响应需要经过2 次的逻辑层和渲染层的通信 以及一次渲染，…