如何衡量Jquery事件委派带来的性能优势

How to measure the performance advantage arising due to Jquery event delegation?

本文关键字：性能 何衡量 Jquery 事件 委派      更新时间：2023-09-26

我的网页有一个包含500行和30列的网格。每个单元格都是下拉列表或文本框。到目前为止，我们正在将"更改"事件单独附加到这些元素中的每一个。

最近，我了解到使用"on"方法进行JQuery事件委派可以提高性能。t

我创建了两个原型，一个有活动委托，另一个没有

无活动委托：

http://jsfiddle.net/djaoru53/

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

有活动委托：

http://jsfiddle.net/15cswkq7/

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

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

我可以使用什么工具，应该测量什么？

Jslitmus是衡量性能的好工具

事实上，你也可以在萤火虫身上做同样的事情阅读这里的完整对话

速度跟踪器也是一个很好的工具。

这里有一篇很好的文章也是

相关文章：