处理性能 - fadeTo（）vs css opacity

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

Answer 2

.css方法消耗远远少于fadeTo

的GPU