使用 jQuery remove() 会导致内存泄漏

Question

我有一个 div，我经常在其中创建子 div，然后将它们删除。插入函数如下所示。

var insert = function(container, content) {
    content = $(content);
    container.append(content);
    return content;
};

var newContent = insert($('#container'), '<div>new content</div>');

// later
newContent.remove();

容器是一个 jQuery 对象。 content 是一个类似<div>new content</div> 的字符串。稍后，该新内容将被删除。

div 已从 dom 中正确删除，但使用 chrome 的分析功能，我可以看到内存不断增长。配置文件显示了一个字符串列表，其中数千个是我删除的内容。跟踪下来，我看到 jquery 有一个名为 Fragments 的属性。

$.fragments 是一个映射，其中键字符串是 html 片段（字面意思是 <div>new content</div> 是键字符串），值是 DocumentFragment 对象。

DocumentFragment 对象包含一个属性“native”，该属性包含一个“分离的 DOM 树”类型的值。还有我的分离对象。

问题似乎在于 jQuery 没有刷新这个 $.fragments 集合。我正在使用 jQuery 1.7.1。

我可以看到的一个可能原因是地图的键是插入的 html，但是当我开始删除片段时，我已经更改了 newContent div 的属性。

一种可能的解决方案是保留一个未使用的新内容 div 池并重新使用它们。我真的不想这样做，但这可能是合理的。

Answer 1

看起来 jQuery 确实在使用 $.fragments 来加速 $("<...>")。

我想使用$("<div>").html(...) 不会使用缓存，但它在语义上显然不同。

您可以尝试自己偶尔刷新$.fragments，看看会发生什么。我有直觉认为一切都会按预期进行，没有任何不良影响。

我不认为 jQuery 真的有办法跟踪片段缓存本身的使用情况，而 LRU 缓存之类的可能会更慢，更不用说实现更多麻烦了。