4

私は jQuery の.animate()を使用して Web サイトをアニメーション化しており、その仕組みがとても気に入っています。しかし、Velocity.jsTransit.js のパフォーマンスがはるかに高速で、CSS3 トランジションをアニメーション化でき、.animate() と同じように jQuery で使用できることを知りました。

アニメーションにはVelocity.jsまたはTransit.jsを使用する必要がありますか? なぜ?

4

1 に答える 1

7

このページのテストによると、速度が最高です (アニメーションが最も滑らかになります): Speed Test http://codepen.io/GreenSock/pen/pmknI

これらのライブラリを使用することで、モバイル デバイスでのアニメーションの滑らかさが大幅に向上しました。

ただし、メモリ消費量のテストを行った (ブラウザのタスク マネージャを参照) と、速度またはトランジットでアニメーションを実行するたびに、アニメーションを開始するたびにより多くのメモリ (3MB) を消費することがわかりました (言うまでもなく、ガベージ コレクターがこのメモリを取り戻すのに長い時間がかかりました)

一方、jQuery の animate を呼び出すと、同じアニメーションを実行するために平均 1MB が使用されました。

于 2014-12-12T03:05:21.237 に答える