HTML：解释一下rAF和rIC分别有什么用？（五颗星）

1.解释 requestAnimationFrame/requestIdleCallback，分别有什么用？

页面是一帧一帧绘制出来的，当每秒绘制的帧数（FPS）达到 60 时，页面是流畅的，小于这个值时，用户会感觉到卡顿。

1s 60帧，所以每一帧分到的时间是 1000/60 ≈ 16 ms。所以不能让一帧的工作量超过 16ms。否则会很卡顿。

一帧内需要完成如下六个步骤的任务：

• 处理用户的交互
• JS 解析执行
• 帧开始。窗口尺寸变更，页面滚去等的处理
• requestAnimationFrame(rAF)
• 布局
• 绘制

上面六个步骤完成后没超过 16 ms，说明时间有剩余，此时就会执行 requestIdleCallback 里注册的任务。

1.window.requestAnimationFrame()

window.requestAnimationFrame() 告诉浏览器——你希望执行一个动画，并且要求浏览器在下次重绘之前调用指定的回调函数更新动画。该方法需要传入