如何衡量Jquery事件委派带来的性能优势
How to measure the performance advantage arising due to Jquery event delegation?
我的网页有一个包含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");
});
我应该如何通过使用事件委派来衡量我在网页上获得的性能改进?
我可以使用什么工具,应该测量什么?
事实上,你也可以在萤火虫身上做同样的事情阅读这里的完整对话
速度跟踪器也是一个很好的工具。
这里有一篇很好的文章也是
相关文章:
- 函数参数中的数据与指定变量之间的任何性能差异
- 提高JQuery的性能
- 使用正则表达式评估电子邮件地址时出现性能问题
- React:按键的性能提升
- 在Three.js中导出网格会提高性能吗
- 在javascript中搜索项目列表的性能
- 为什么在许多浏览器中drawImage()的性能略好于createPattern()
- JavaScript数组优化以提高性能
- React+Redux性能优化与组件ShouldUpdate
- 在循环中附加事件处理程序时出现浏览器性能问题
- JavaScript-===vs===运算符性能
- 超时功能的性能
- “createImageData()”和“new ImageData(()”有何不同
- Pg承诺性能提升:在冲突中
- 如何衡量JavaScript性能(除了页面加载时间)
- 如何衡量Jquery事件委派带来的性能优势
- LazyEvaluation的性能优势究竟从何而来
- 使用SeleniumWebDriver和原生javascript来衡量性能
- 如何衡量Angular JS应用程序的性能
- 衡量Javascript性能