标签:
js动画实现的方法到现在有三种
1 css3:
通过animattion+keyframes;或 transition
2. setTimeout/setInterval:
setTimeout/setInterval:通过递归调用同一方法来不断更新动画元素以达到动起来的效果,动画过度绘制,浪费 CPU 周期以及消耗额外的电能等问题。
3.requestAnimationFrame:
requestAnimationFrame:是由浏览器专门为动画提供的API,在运行时浏览器会自动优化方法的调用,当页面不是激活状态下的话,动画会自动暂停,有效节省了CPU开销。
说到js动画当然要看jquery ,从源码和查到的资料看 jquery 1.6.2 使用过requestAnimationFrame。但在之后的版本取消了requestAnimationFrame 。在jquery 版本2.0之后 ,对于高级浏览器的动画就使用css3的方法了。
标签:
原文地址:http://www.cnblogs.com/breakdown/p/3527961.html