jQuery 动画与 GreenSock TweenMax答案

【问题标题】：jQuery Animation vs GreenSock TweenMaxjQuery 动画与 GreenSock TweenMax
【发布时间】：2012-12-03 21:18:29
【问题描述】：

我遇到一个问题，使用 jquery.animate() 和 GreenSock TweenMax 动画引擎的优缺点是什么。所以也许有人知道。网上资料太少，性能怎么样。

我尝试同时使用jquery.animate() 和 tweenMax，但在某些情况下我更喜欢使用 jQuery 引擎，在其他 GreenSock .

我正在尝试决定哪个更好，而不是从一个跳到另一个。

谢谢以后，知道使用哪个真的很有趣。

引擎：

http://jquery.com

https://www.greensock.com/gsap-js/

【问题讨论】：

标签： javascript jquery gsap

【解决方案1】：

jQuery 的fadeIn() 和fadeOut() 方法非常方便。但是，如果您想要更具表现力的东西，我建议您使用 GSAP (GreenSock Animation Platform)。根据 GreenSock，jQuery 动画通常有点慢，而 TweenLite 比 jQuery 动画快得多（20 倍）。

此外，您还将获得非常方便的动画功能，例如反向、贝塞尔曲线、时移、暂停和倾斜等，并在移动设备上提供更好的硬件加速支持。

就个人而言，我认为 GSAP 更好，但一个小巧方便的选择器引擎会很酷。

Here is very good comparison between two.

更新

HTML5 Animation Speed Test

【讨论】：

有趣，我尝试在整个互联网上搜索这个，但没有尝试在 GreenSock 页面中找到.. :) +PLUS
我已经阅读了你给我的所有文章。这真是个好东西，我同意他们没有选择器引擎，所以在 GSAP 附近有一个 jQuery 是件好事。
是的，很快就会习惯它们的补间语法:)
我知道这是一年后的坚实基础，但一个很好的折衷方案是包括 Sizzle 选择器引擎（jQuery 使用的），然后基于该引擎定义选择器。它允许您以比引入整个 jQuery 库更小的占用空间来使用 jQuery 的选择器功能。 => codepen.io/GreenSock/pen/143f14a576109e1978a440d869db4e55
这有点晚了，但是对于任何有兴趣比较不同动画平台的效率的人来说，这里有一个速度测试，它非常非常简洁地展示了 greensock 的优越性。在我的机器上，greensock 中 3000 个点的动画速度比 jquery 中的 700 个点快 8 倍。它的坚果。 ns2.greensock.com/js/speed.html