js 动画方法之requestAnimationFrame

浏览数：39 / 时间：2015年06月09日

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的方法了。

 

郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。

标签： style 使用 问题 si it 方法 js sp io style 使用 问题 si it 方法 js sp io

相关文章

随机文章

您可能还喜欢

您可能还喜欢