requestAnimationFrame

特点

涉及到动画的制作时,最容易想到的就是定时器setTimeout与setInterval,而requestAnimationFrame 的出现,可以让我们在处理动画时更加得心应手。与定时器相比,requestAnimationFrame 主要有以下优点:

1. 根据屏幕刷新频率执行回调函数(60Hz)。

2. requestAnimationFrame 会把每一帧中的所有DOM操作集中起来,在一次重绘或回流中就完成。

3. 网页失焦已经元素隐藏、不可见时requestAnimationFrame将不会进行重绘或回流。

用法


const raf = requestAnimationFrame(fnName);  // 执行

cancelAnimationFrame(raf); //停止

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。