javascript - 用setTimeout和CSS3(以及jQuery的animate())做逐帧动画,性能差异有多大?
本文介绍了javascript - 用setTimeout和CSS3(以及jQuery的animate())做逐帧动画,性能差异有多大?的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
问 题
用setTimeout和CSS3(以及jQuery的animate())做逐帧动画,性能差异有多大?
解决方案
个人观点是:动画性能 css3 ? js > jQuery
js > jQuery的原因
jQuery 不能避免 layout thrashing (有人喜欢将其翻译为布局颠簸,会导致多余relayout/reflow),因为它的代码不仅仅用于动画,它还用于很多其他场景。
jQuery的内存消耗较大,经常会触发垃圾回收。而垃圾回收触发时很容易让动画卡住。
jQuery使用了setInterval而不是 reqeustAnimationFrame(RAF),因为 RAF 会在窗口失去焦点时停止触发,这会导致jQuery的bug。(目前jQuery已经使用了RAF)
css ? js
这个性能比较就需要看js代码的质量了
这篇关于javascript - 用setTimeout和CSS3(以及jQuery的animate())做逐帧动画,性能差异有多大?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文