深入解析你不知道的 EventLoop 和浏览器渲染、帧动画、空闲回调(动图演示)

闪烁动画测试

假设我们现在想要快速的让屏幕上闪烁 红、蓝两种颜色,保证用户可以观察到,如果我们用 setTimeout 来写,并且带着我们长期的误解「宏任务之间一定会伴随着浏览器绘制」,那么你会得到一个预料之外的结果。

测试方案:100ms执行一次,统计执行次数。统计requestAnimationFrame执行次数。统计fps

微信公众号-前端linong