关于浏览器动画的平滑处理

在不断的模拟动画中，发现在运行期间偶尔会出现跳帧的感觉。似乎是浏览器处理动画出了某些问题，于是就去了解了一下这方面的知识：
    1. 显示器的刷新频率通常是50~60hz，1000ms/60≈16.6ms
    2. 使用setinterval和settimeout会使layou浪费计算重复渲染，以至于不能完美达到浏览器的刷新频率。
1. 于是出现了一个新颖的方法叫做 requestAnimationFrame ，直接通过event行为触发，渲染所浪费的渲染帧不会被硬件帧最终显示，有效减少了无效的渲染次数。
2. 以上想法都是由前后端软硬件大神提出的，精髓至极。
3. 关于 requestAnimationFrame 的使用方法很简单，此处便不多说了。