特点
涉及到动画的制作时,最容易想到的就是定时器setTimeout与setInterval,而requestAnimationFrame 的出现,可以让我们在处理动画时更加得心应手。与定时器相比,requestAnimationFrame 主要有以下优点:
1. 根据屏幕刷新频率执行回调函数(60Hz)。
2. requestAnimationFrame 会把每一帧中的所有DOM操作集中起来,在一次重绘或回流中就完成。
3. 网页失焦已经元素隐藏、不可见时requestAnimationFrame将不会进行重绘或回流。
用法
const raf = requestAnimationFrame(fnName); // 执行
cancelAnimationFrame(raf); //停止