requestAnimationFrame() 方法用法

requestAnimationFrame() 方法用于在浏览器下一次重绘之前调用指定的函数来更新动画。该方法接收一个回调函数作为参数，该回调函数会在浏览器下一次重绘之前执行。

使用 requestAnimationFrame() 方法可以让浏览器根据自己的刷新频率来更新动画，从而提高动画的流畅度和性能。另外，使用 requestAnimationFrame() 方法也可以减少 CPU 和 GPU 的使用率，从而提高电池寿命和降低设备发热。

示例代码：

function updateAnimation() {
  // 更新动画
  requestAnimationFrame(updateAnimation);
}

// 启动动画
requestAnimationFrame(updateAnimation);

在上面的示例代码中，我们定义了一个名为 updateAnimation 的函数，并将其作为参数传递给 requestAnimationFrame() 方法。该函数会在每次浏览器重绘之前被调用，从而实现动画的更新。最后，我们使用 requestAnimationFrame() 方法启动了动画。