页面流畅与 FPS 页面是一帧一帧绘制出来的,当每秒绘制的帧数(FPS)达到 60 时,页面是流畅的,小于这个值时,用户会感觉到卡顿. 1s 60帧,所以每一帧分到的时间是 1000/60 ≈ 16 ms.所以我们书写代码时力求不让一帧的工作量超过 16ms. Frame 那么浏览器每一帧都需要完成哪些工作? 浏览器一帧内的工作 通过上图可看到,一帧内需要完成如下六个步骤的任务: 处理用户的交互 JS 解析执行 帧开始.窗口尺寸变更,页面滚去等的处理 rAF 布局 绘制 requestIdleC…