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