何时使用requestAnimationFrame?如果我们有css转换,为什么我们需要requestAnimationFrame?

时间:2016-05-25 09:32:30

标签: javascript html5 css3 animation css-transitions

我不知道何时使用requestAnimationFrame。 如果requestAnimationFrame和css都可以满足我的需求,我应该选择哪一个?

你能告诉我你的一些应用案例吗?

非常感谢〜

1 个答案:

答案 0 :(得分:1)

我认为选择requestAnimationFrame优于CSS动画的唯一原因是当您想要快速动画时需要确保浏览器能够顺利播放。使用requestAnimationFrame可以使跳转,停止,暂停,返回等动画受益。

问题是requestAnimationFrame不使用CPU功率,只绘制对用户可见的动画(如果你切换选项卡,最小化等,它不会消耗任何东西)。只有在浏览器准备就绪时才会绘制帧,并且由于没有等待绘制的就绪帧,因此没有不必要的帧绘制。因此,对于平滑保证,您可以安全地选择requestAnimationFrame

如果你计划一些不符合上述解释的简单内容,那么requestAnimationFrame就是矫枉过正,你最好切换到CSS动画。

来源咨询:

https://dev.opera.com/articles/better-performance-with-requestanimationframe/