requestanimationframe

`requestAnimationFrame` 是一个 JavaScript 函数，它可以让浏览器在下一次重绘之前调用指定的函数。这样可以让动画效果更加流畅，并且还可以节省系统资源。在使用 `requestAnimationFrame` 时，浏览器会根据当前系统的性能来调整动画的刷新频率。

使用方法：

function animate() {
    // animation code here
    requestAnimationFrame(animate);
}
requestAnimationFrame(animate);

请求动画帧后，浏览器会调用` animate()` 函数，然后在动画完成后再次请求动画帧。这样动画就能不断重复渲染，形成动画效果。

值得注意的是，如果窗口或标签不可见，浏览器可能会暂停动画。

对应的，还有一个cancelAnimationFrame来取消之前设定的动画帧请求。