jquery - 处理性能 - fadeTo() 与 css 不透明度

Question

我已经试验了由这些函数动画的重复事件:

1. Jquery动画效果:fadeTo(1000,1);
2. $('#foo').on('click', function(){ $('#bar').css({"opacity":1});

当我一次又一次地重复切换事件时，事件似乎变得越来越慢。

我也查看了 Chrome 中的任务管理器，但是，很难看出 GPU 消耗有什么不同。

你知道哪个执行得更快吗？

Answer 1

在刚刚运行 jsPerf 之后，正如我所怀疑的那样，fadeTo 似乎明显变慢了。

事实上，对我来说，它慢了 56%:

这是我创建的测试，您可以自己运行它:http://jsperf.com/fadeto-vs-css-opacity