为 CSS/JS/jQuery 动画使用 Velocity.js 或 Transit.js？

Posted 2023-05-08

【中文标题】为 CSS/JS/jQuery 动画使用 Velocity.js 或 Transit.js？

【英文标题】：Use Velocity.js or Transit.js for CSS/JS/jQuery animations?

【发布时间】：2015-01-19 01:49:59

【问题描述】：

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

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

【参考方案1】：

根据此页面上的测试，速度是最好的（提供最流畅的动画）： Speed Testhttp://codepen.io/GreenSock/pen/pmknI

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

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

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