javascript - 如何衡量Jquery事件委托(delegate)带来的性能优势？

Question

我的网页有一个包含 500 行和 30 列的网格。每个单元格要么是一个下拉列表，要么是一个文本框。截至目前，我们正在将“更改”事件分别附加到每个元素。

最近，我了解到使用“on”方法进行 JQuery 事件委托(delegate)可以提高性能。 t

我创建了两个原型(prototype)，一个带有事件委托(delegate)，另一个没有事件委托(delegate)。

没有事件委托(delegate):

http://jsfiddle.net/djaoru53/

$(".event").click(function(){
    alert("click");
});

使用事件委托(delegate):

http://jsfiddle.net/15cswkq7/

$("#test").on("click",".event", function(){
    alert("click");
});

我应该如何衡量通过使用事件委托(delegate)在网页上获得的性能改进？

我可以使用哪些工具以及我应该测量什么？

Answer 1

Jslitmus衡量性能的好工具

其实你也可以在 Firebug 中做同样的事情阅读完整对话 here

Speed tracer is also a good tool .

Here's还有一篇好文章