“`” 参考回答:

这里有一篇文章讲的是requestAnimationFrame:<a class=""url"" href=""http://www.cnblogs.com/xiaohuochai/p/5777186.html"" target=""_blank"">http://www.cnblogs.com/xiaohuochai/p/5777186.html</a>

与setTimeout和setInterval不同,requestAnimationFrame不需要设置时间间隔,

RAF采用的是系统时间间隔,不会因为前面的任务,不会影响RAF,但是如果前面的任务多的话,
会响应setTimeout和setInterval真正运行时的时间间隔。

特点:
(1)requestAnimationFrame会把每一帧中的所有DOM操作集中起来,在一次重绘或回流中就完成,并且重绘或回流的时间间隔紧紧跟随浏览器的刷新频率。

(2)在隐藏或不可见的元素中,requestAnimationFrame将不会进行重绘或回流,这当然就意味着更少的CPU、GPU和内存使用量

(3)requestAnimationFrame是由浏览器专门为动画提供的API,在运行时浏览器会自动优化方法的调用,并且如果页面不是激活状态下的话,动画会自动暂停,有效节省了CPU开销。

<pre><code> "“`

Was this helpful?

0 / 0

发表回复 0

Your email address will not be published.