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>
浏览器下性能对比: