私はこれらの機能によってアニメーション化された反復イベントを実験しました:
- Jqueryアニメーション効果:
fadeTo(1000,1); $('#foo').on('click', function(){ $('#bar').css({"opacity":1});
イベントの切り替えを何度も繰り返すと、徐々にイベントが遅くなっているようです。
Chromeのタスクマネージャーも調べましたが、GPUの消費量が異なることを確認するのは非常に困難です。
どちらがより速く機能するか考えていますか?
jsPerfを実行した後、私が推測したように、それfadeToはかなり遅いようです。
実際、私にとっては、56%遅くなりました:
これが私が作成したテストです。自分で実行できます:http://jsperf.com/fadeto-vs-css-opacity

.cssメソッドは、fadeToよりもはるかに少ないGPUを消費します