使用Velocity.js或Transit.js进行CSS / JS / jQuery动画?

时间:2014-11-21 01:03:07

标签: jquery animation jquery-animate velocity.js transit

我一直在使用jQuery' .animate()来动画网站,并且非常喜欢它的工作原理。然而,我刚刚了解到Velocity.jsTransit.js执行速度更快,可以为CSS3过渡设置动画,并且可以像.animate()一样在jQuery中使用。

我应该使用Velocity.js还是Transit.js制作动画?为什么?

1 个答案:

答案 0 :(得分:7)

根据此页面上的测试,速度是最好的(给出最流畅的动画): Speed Test http://codepen.io/GreenSock/pen/pmknI

使用这些库大大提高了我在移动设备上动画的流畅度。

然而,我已经对内存消耗进行了测试(查看浏览器的任务管理器),我看到每次使用速度或传输进行动画时,都会消耗更多的内存(3MB)每次我开始动画(更不用说垃圾收集器花了很长时间来回收这个记忆)

另一方面,调用jQuery的动画平均使用1MB来执行相同的动画。