level 2
来自KGC的大洋
楼主
CSS vs. JS Animation: 哪个更快?
基于JavaScript的动画竟然已经默默地比CSS的transition动画快了?而且,Adobe和 Google竟然一直在发布可以媲美原生应用的富媒体移动站点?
这篇文章将会逐点讲解基于JavaScript的DOM动画库,比如Velocity.js和GSAP,是如何比jQuery和基于CSS的动画库高效的。
jQuery
让我们先从这个事实开始:JavaScript和jQuery被错误的混淆了。JavaScript的动画是快的,但是jQuery的动画慢。为什么?因为虽然jQuery很强大,但是它的目标从来不是为了成为一个高效的动画引擎。
jQuery不能避免布局震荡因为它的代码除了动画还提供了很多功能。
jQuery的内存消耗经常触发垃圾回收,导致动画卡住
jQuery使用setInterval而不是requestAnimationFrame (RAF)为了避免一些bug
注意,布局震荡引起了动画开始处的卡顿,垃圾回收导致了动画进行中的卡顿,RAF的缺席导致了帧率低。
2017年12月09日 10点12分
1
基于JavaScript的动画竟然已经默默地比CSS的transition动画快了?而且,Adobe和 Google竟然一直在发布可以媲美原生应用的富媒体移动站点?
这篇文章将会逐点讲解基于JavaScript的DOM动画库,比如Velocity.js和GSAP,是如何比jQuery和基于CSS的动画库高效的。
jQuery
让我们先从这个事实开始:JavaScript和jQuery被错误的混淆了。JavaScript的动画是快的,但是jQuery的动画慢。为什么?因为虽然jQuery很强大,但是它的目标从来不是为了成为一个高效的动画引擎。
jQuery不能避免布局震荡因为它的代码除了动画还提供了很多功能。
jQuery的内存消耗经常触发垃圾回收,导致动画卡住
jQuery使用setInterval而不是requestAnimationFrame (RAF)为了避免一些bug
注意,布局震荡引起了动画开始处的卡顿,垃圾回收导致了动画进行中的卡顿,RAF的缺席导致了帧率低。