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() 告诉浏览器——你希望执行一个动画，并且要求浏览器在下次重绘之前调用指定的回调函数更新动画。该方法需要传入
剩余60%内容，订阅专栏后可继续查看/也可单篇购买
前端面试题 文章被收录于专栏
前端面试的一些常问问题、问题的具体实现（可直接运行）以及底层原理
查看1道真题和解析