jsPerf提供了一个简单的方法来创建和分享的测试用例,比较不同JavaScript代码片断在不同浏览器的性能,输出对比结果。
实例截图:
jquery 中 show vs class
测试代码:
<div id="test" class="active"></div> <div id="test2" style="display:block;"></div> <script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script> <script> Benchmark.prototype.teardown = function() { $('#test').addClass('active'); $('#test2').show(); }; </script>
浏览器下性能对比: