2013-07-02 80 views
0

我有一些簡單的動畫來改變點擊上下的div的高度。 我通常使用jQuery幻燈片或動畫。這次我看着TweenLite看它是如何工作的。 我遇到的問題是增加更多的文件大小。確定TweenLite只有9kb沒什麼大不了,但是如果你想爲css屬性設置動畫,那麼你還必須加載TweenLite的CSSPlugin。現在這比25kb要大得多,對於一個小頁面的項目來說這是一個大問題。TweenLite vs jquery動畫

從我讀過的jquery是動畫的對象,而不是它的css屬性還是我錯了。 TweenLite + CSSEngine的唯一好處是它動畫的CSS,所以它的速度更快?

回答

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。