码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2015-05-14 13:52:40      阅读:109      评论:0      收藏:0      [点我收藏+]

标签:

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

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

标签:

原文地址:http://www.cnblogs.com/HelodieJaqueline/p/4503013.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!