我一直在使用jQuery' .animate()来动画网站,并且非常喜欢它的工作原理。然而,我刚刚了解到Velocity.js和Transit.js执行速度更快,可以为CSS3过渡设置动画,并且可以像.animate()一样在jQuery中使用。
我应该使用Velocity.js还是Transit.js制作动画?为什么?
答案 0 :(得分:7)
根据此页面上的测试,速度是最好的(给出最流畅的动画):
Speed Test
http://codepen.io/GreenSock/pen/pmknI
使用这些库大大提高了我在移动设备上动画的流畅度。
然而,我已经对内存消耗进行了测试(查看浏览器的任务管理器),我看到每次使用速度或传输进行动画时,都会消耗更多的内存(3MB)每次我开始动画(更不用说垃圾收集器花了很长时间来回收这个记忆)
另一方面,调用jQuery的动画平均使用1MB来执行相同的动画。