使用“JQuery.on（）”是否存在任何可能的危险

我正在为一个大型项目编写Javascript控制器，我发现自己使用“JQuery .on（）”函数来处理所有点击事件，因为大多数内容都是动态下载的。

考虑到我使用“JQuery .off（）”在再次绑定它们之前取消绑定点击事件，是否存在使用它的任何可能的危险。

$('#container').off('click', '[data-link=some-link-id').on('click', '[data-link=some-link-id]', function () { // handle event here... }); 

Answer 1

在我的经历中，它实际上取决于应用程序。 我发现广泛使用jQuery导致浏览器的内存开销很高。 从使用堆跟踪到调试（在谷歌浏览器中），我发现这是因为jQuery在内存中保留了大量对象。 我发现的主要问题是当你使用jQuery创建DOM节点或应用非标准的javascript遍历或函数时，jQuery必须跟踪这些特定的节点。

特别是对于处理程序，除了普通的javascript之外，不应该有太多的内存开销。 我发现在优化时，每个实例都特定于代码和它必须操作的环境。 如果您需要在移动设备上运行代码，那么由于这些环境的内存限制，您需要尽可能降低堆。

我发现，如果您遇到与您怀疑与javascript相关的性能问题，检查堆快照是唯一有效的调试方法。 我通常使用以下步骤减少内存占用：

1. 使用本机javascript代替$('
   ')

   创建任何对象

2. 尝试并删除任​​何每个循环
3. 使用ID将任何DOM查询更改为本机javascript
4. 将任何事件处理程序（onclick等）移动到本机javascript或将它们放在相关DOM节点的相关属性中

从提供的示例我有点担心数据处理程序，因为根据我的经验，这将需要jQuery来跟踪内存中的大量对象。 如果我要优化这段代码，我会尽可能多地将这些代码移植到本机JS中。