jquery - 使用 Velocity.js 或 Transit.js 来实现 CSS/JS/jQuery 动画？

Question

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

我应该使用 Velocity.js或Transit.js用于动画？为什么？

Answer 1

根据本页的测试，速度是最好的(给出最流畅的动画):速度测试 http://codepen.io/GreenSock/pen/pmknI

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

但是，我对内存消耗进行了测试(查看浏览器的任务管理器)，我发现每次我以速度或传输方式制作动画时，每次启动动画时都会消耗更多内存(3MB)动画(更不用说垃圾收集器花了很长时间来回收这段内存)

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