如何用requestAnimationFrame()将长尾词动画逐帧呈现？

本文共计1046个文字，预计阅读时间需要5分钟。

`window.requestAnimationFrame()` 方法通知浏览器你希望执行一个动画，并且请求浏览器在下次重绘之前调用指定的函数来更新动画。这个方法接受一个回调函数作为参数，该回调函数会在浏览器重绘之前被调用，以便更新动画。

window.requestAnimationFrame() 方法告诉浏览器您希望执行动画，并请求浏览器调用指定的函数在下一次重绘之前更新动画。该方法使用一个回调函数作为参数，这个回调函数会在浏览器重绘之前调用。

如果你想做逐帧动画的时候，你应该用这个方法。这就要求你的动画函数执行会先于浏览器重绘动作。通常来说，被调用的频率是每秒60次，但是一般会遵循W3C标准规定的频率。如果是后台标签页面，重绘频率则会大大降低。