我有一些简单的动画可以在点击时上下改变 div 的高度。我通常使用 jquery 幻灯片或动画。这次我研究了 TweenLite 以了解它是如何工作的。我遇到的问题是添加更多文件大小。Ok TweenLite 只有 9kb 没什么大不了的，但如果你想为 css 属性设置动画，那么你还必须为 TweenLite 加载 CSSPlugin。现在这是大得多的 25kb，这对我来说对于一个小页面项目来说是个大问题。
从我所读到的 jquery 是动画对象而不是它的 css 属性，或者我错了。TweenLite + CSSEngine 的唯一好处是它可以为 css 设置动画，因此速度更快吗？
jQuery 也为 css 设置动画。如果您所做的只是为一个对象（或几个）的高度设置动画，并且您已经锁定在其他地方使用 jQuery，那么 jQuery 应该适合这些动画。但是，如果您正在做更激进的事情，或者遇到性能问题或需要对动画进行更多控制，我绝对建议您切换到 TweenLite + CSSPlugin。
TweenLite 速度如此之快的原因与它的内部基础设施和一系列优化有关 - 这并不是因为它完全为不同的属性设置动画。它只是更有效率。
CSSPlugin 之所以这么大，是因为它允许你做很多事情，远超过 jQuery 所能做的。像 2D 和 3D 变换、borderRadius、textShadow、剪辑、颜色等等。它可以解决大量浏览器错误。有关摘要，请参见http://www.greensock.com/why-gsap/ ，与 jQuery 的头对头比较参见http://www.greensock.com/jquery/ 。
如果文件大小是您最关心的问题，那么 TweenLite + CSSPlugin 比单独使用 jQuery 小很多，但是如果您在其他地方被锁定使用 jQuery，那么您将不得不决定 GSAP 是否值得您特定项目中的文件大小。坦率地说，考虑到所有因素，它真的不是很重。它就像图像的大小，所以如果它能让你获得更好的运行时性能，它可能值得这个价格。同样，这完全取决于您的特定项目。一些简单的补间高度可能不需要 GSAP。