jQuery (2.0.2) empty() html() 内存消耗持续增长

标签 jquery performance memory memory-leaks

我已经为这个问题苦苦挣扎了 3 天,希望有人能提供一些我还没有遇到的信息来帮助我(我很绝望!)。提供一些上下文:

浏览器:IE9.0.8112.16421(64位); jQuery 版本:2.0.2

基本上我正在做的是进行一个简单的 ajax 调用并检索一些信息,然后我通过成功处理程序将这些信息插入到一个元素中。相关代码行如下所示:

var onLoadViewGroupSuccess = function(data) {        
    var target = $("#viewGroupContent");
    //for(var i=0;i<1000;i++) {
        target.empty().html(data);
    //}
}

target对应如下html标签:

<tr id="viewGroupContent">...</tr>

上面注释掉的 for 循环旨在放大问题(通过单个事件点击触发器很难检测到)。基本上,当循环到位时,单次调用的内存从 46MB 变为 ~113MB。

随后的调用表现出相同的行为,内存不断增长。我最初认为这是一个我未能清理的事件处理程序的问题,但排除了这一点,因为我几乎注释掉了我所有的 javascript 逻辑,所以上面的内容基本上就是所有内容(即没有绑定(bind)事件处理程序,没有自定义对象或函数调用) - 即不是关闭问题。

将 for 循环移到 ajax 调用之外(因此进行 1000 次 ajax 调用)会导致相同的内存配置文件(因此排除了任何模糊的 ajax 内存泄漏)。我插入的内容是一个包含大量内容的 TD 标记(即您可以想到的每个 HTML 标记的实例,包括图像),所以想知道我插入的内容是否是导致泄漏的原因。

我已经阅读了一些关于 IE 自身清理能力的有趣博客文章,包括以下似乎最有希望的文章 (http://com.hemiola.com/2009/11/23/memory-leaks-in-ie8/)。不幸的是,到目前为止还没有解决方案或变通方法。

我很茫然,因为我已经将我的应用程序剥离到了最简单的部分,而您对 $(...).empty().html(...) 无能为力。 .内存泄漏缓慢但持久....

另外,作为一个仅供引用,我已经尝试了使用 innerHTML、DOM 方法的非 jQuery 解决方案来删除表格行并重建它,然后将 ajax 内容插入表格单元格,将丢弃的内容移动到垃圾箱 DIV 和然后调用innerHTML,一切都无济于事,而且在许多情况下使泄漏变得更糟......

最佳答案

请参阅上面我的最终评论,看来我认为内存泄漏只是等待 GC 处理的对象,但由于我的应用程序的性质(即 99% 的导航通过 ajax 完成),IE 根本就没有执行完整的 GC,直到发生实际的页面导航(即 window.top 已卸载)。注销时碰巧注意到这一点,突然我的 IE 实例的内存从 200-63MB 骤降……我尝试手动调用 GC(但这似乎不起作用……)。所以现在,要用实际的页面导航代替每 n 个 ajax 导航来清理这些东西……并不理想,但暂时会这样做,直到我能找到更好的方法。

关于jQuery (2.0.2) empty() html() 内存消耗持续增长,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17096026/

相关文章:

Ruby 不释放内存

ios - 捕获屏幕并保存到视频 ios 时收到内存警告

javascript - Javascript 获取 href

performance - react 16 : componentDidUpdate Warning: Scheduled a cascading update

javascript - 如何摆脱许多IF并使系统具有不同的元素?

performance - 有效的代码检测?

sql - GETDATE() 和 DateTime.Now 一样昂贵吗?

swift - 需要在 Modal Segues 之后释放内存,但我需要两个 Segues 将数据从 A 传递到 B 以及从 B 传递到 A

javascript - 如何将文本从 div 复制到剪贴板

javascript - jQuery $.get 不适用于 Phonegap 或 Mobile Safari 中的 "local"文件