【发布时间】：2014-06-08 04:29:29
【问题描述】：
我用 javascript 编写了两种不同的方法来将鼠标悬停在链接上并让窗口的背景改变颜色，一种使用事件委托，另一种不使用。
如何检查哪个选项性能最佳（可能在浏览器开发者工具中检查某些内容）？
通过阅读有关约定，我了解到事件委托是可行的方法，但代码似乎不太清晰和可读，所以我想检查是否确实表现得更好。
【问题讨论】：
标签： javascript performance-testing event-delegation
【发布时间】：2014-06-08 04:29:29
【问题描述】：
在 Chrome 开发者工具中，您可以使用时间轴部分并创建这些事件的记录以及它们花费的时间。
【讨论】：
-
那么所花费的时间将是左下角 DETAILS 内的毫秒数？我只需选择我想测试的记录？单个记录类型从 140ms - 1.1s 变化，正常吗？
-
您按下圆形记录按钮，然后使用光标执行悬停事件。然后您停止录制并查看结果并找到您的悬停事件以及它们花费了多长时间。在您的情况下，您的两种方法之间的性能差异将完全可以忽略不计。