我已经尝试了由这些功能动画的重复事件:
- 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 方法消耗的 GPU 比 fadeTo 少得多