JS的requestAnimationFrame方法是用来优化动画的，其原理是利用浏览器的刷新频率来进行动画绘制，保证在每一帧绘制之间的间隔是合理的。
传统的JS动画是使用setTimeout或setInterval进行绘制，但这种方法存在一些问题。首先，setTimeout或setInterval方法通常是以固定的时间间隔调用回调函数，而浏览器的刷新频率是不固定的，这样会导致动画帧与浏览器刷新不同步，达不到流畅的效果。其次，使用setTimeout或setInterval方法在页面被隐藏时还会继续进行绘制，造成性能浪费。
而requestAnimationFrame则解决了这些问题。它会根据浏览器的刷新频率来进行回调，保证动画帧与浏览器刷新同步。当页面被隐藏时，requestAnimationFrame会自动停止，当页面重新显示时继续绘制，节省了性能。
使用requestAnimationFrame的优化原理可以总结如下：
- 利用浏览器的刷新频率进行动画绘制，保证动画帧与浏览器刷新同步。
- 在页面被隐藏时停止动画绘制，节省性能。
- 在页面重新显示时继续进行绘制，保证动画效果。
- 由浏览器自己优化绘制的频率和方案，以提升性能和流畅度。
综上，requestAnimationFrame方法通过利用浏览器的刷新频率来进行动画绘制，实现了优化动画的效果。