requestAnimationFrame 和 requestIdleCallback区别

`requestAnimationFrame` (RAF) 和 `requestIdleCallback` 都是用于优化浏览器中的动画和计算性能的API，但它们的设计目的和使用场景有所不同：

1. **requestAnimationFrame**：
- **用途**：主要用于渲染密集型操作，如图形更新、视图绘制等。它会在浏览器下一次重绘之前调用指定的回调函数，保证动画的流畅度和视觉一致性。
- **帧率依赖**：通常与屏幕刷新率同步，大约60Hz，因此适合于创建流畅的交互效果。
- **时机**：当浏览器有能力立即呈现下一帧时会触发。

2. **requestIdleCallback**：
- **用途**：更适合那些非实时，对延迟容忍度较高的任务，例如数据分析、图片加载优化等。它的回调在浏览器空闲时执行，即浏览器认为当前没有足够的资源来立即处理所有请求。
- **帧率无关**：回调不会精确到每一帧，而是等待浏览器完成当前帧后，在空闲周期内执行。
- **保证**：尽管不是保证立即执行，但相对于其他计时器，它更可能在浏览器空闲时得到执行。

总结来说，`requestAnimationFrame`适用于需要实时响应的高性能动画，而`requestIdleCallback`则适用于可以适当延后处理的任务，以提高整体效率。