个人中心
gpt4 book ai didi

javascript - jQuery 3.1.1 appendTo 和空内存泄漏

转载 作者：塔克拉玛干 更新时间：2023-11-02 21:25:50 24 4
gpt4 key购买 nike

我在我的代码中发现了一个内存泄漏，看起来像下一个片段

function random() {
  return Math.floor(Math.random() * 1000);
}

var _target = $('#target');
function add() {
    _target.empty();
    for (var i = 0; i < 100; i++) {
        _target.append('<tr><td>'+random()+'</td><td>'+random()+'</td><td>'+random()+'</td></tr>')
    }
}

var addInt = setInterval(add, 500);
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Memory leak test: jquery</title>
    <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js" type="text/javascript"></script>
</head>
<body>
<table id="target"></table>

</body>
</html>

由 innerHTML 编写的相同代码不会导致内存泄漏。Chrome 57.0.2987.133(64 位)中带有此代码的选项卡已从 37 Mb 增加到 161 Mb。如果我们在代码中使用这些方法中的任何一个，就会存在问题:

  • .html();

  • .append();

  • .appendTo();

  • .prependTo();

  • .prepend();

我不确定 .remove() 和 .empty()；我找不到这个问题的解决方案。我找到的所有帖子都太旧了。这是我的测试结果: enter image description here

最佳答案

我在 Chrome 57 中有内存泄漏，但在 58 中一切正常!

  • 操作系统:Linux mint 17 x64
  • Chrome:58.0.3029.81(64 位)

mem leak test

关于javascript - jQuery 3.1.1 appendTo 和空内存泄漏，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/43652477/

24 4 0
文章推荐： javascript - 测试 javascript 执行期间互联网连接丢失
文章推荐： javascript - HTML5 视频 - 设置 video.currentTime 会破坏播放器
文章推荐： javascript - React-native:从场景返回时调用函数
文章推荐： javascript - 如何让不相关的组件影响主 App 状态？
塔克拉玛干
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
全站热门文章
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com