Javascript 何时使用requestAnimationFrame？如果我们有css转换，为什么我们需要requestAnimationFrame？

我不知道什么时候使用requestAnimationFrame。 如果requestAnimationFrame和css都能满足我的需要，我应该选择哪一个

你能给我看看你的申请表吗

---

非常感谢~

我认为选择CSS动画之上的

requestAnimationFrame

的唯一原因是，当您想要快速制作动画时，您需要确保浏览器能够使动画流畅。使用

requestAnimationFrame

可以使跳跃、停止、暂停、返回等动画受益

问题是，

requestAnimationFrame

不使用CPU电源，只绘制用户可见的动画（如果您切换选项卡、最小化等，它不会消耗任何东西）。只有在浏览器准备就绪时才会绘制帧，因为没有准备就绪的帧等待绘制，所以没有不必要的帧绘制。因此，为了保证平滑度，您可以安全地选择

requestAnimationFrame

如果您计划了一些不符合上述解释的简单内容，那么

requestAnimationFrame

就太过分了，您最好切换到CSS动画

咨询来源：

---

他们的目的不一样。rAF是javascript代码执行的计时函数。CSS动画仅用于显示元素。如果需要使用CSS将元素从x1设置为x2，如果需要执行一些javascript（例如在画布上绘制），请使用rAF