requestAnimationFrame 函数如何使用？

requestAnimationFrame函数是一个在浏览器每一帧开始绘制之前执行的函数。它可以用于创建流畅的动画效果，计算FPS（每秒帧数），以及通过算每一帧所需要的真实时间来增加帧数等。

使用requestAnimationFrame函数的步骤如下：
1. 创建一个需要动画效果的元素或组件。
2. 在动画函数中编写你希望在每一帧执行的代码。这个函数将在每一帧开始绘制之前被调用。
3. 使用requestAnimationFrame函数调用动画函数。这将告诉浏览器在下一帧开始绘制之前执行你的动画函数。
4. 在动画函数中更新你的元素或组件的状态，例如改变位置、大小、颜色等。
5. 如果动画还没有结束，返回第3步继续执行动画。