小编Cod*_*ert的帖子

当我创建10,000个元素时,为什么内存使用量不会增长?

当我创建10,000个元素时,内存使用量不会增长.但是当我引用这些10,000个元素时,内存使用量从3.5M增加到4.0M.当我破坏参考时使用量减少0.1M,而删除元素则减少0.4M.

这是我的问题:

  1. 当我创建10,000个元素时,为什么内存使用量不会增长?
  2. 当我引用这10,000个元素时,为什么内存使用会显着增长?
  3. 为什么在销毁引用时使用量只会略微减少而删除元素会明显减少?

操作系统:El Capitan 10.11.3 浏览器:Chrome 48.0.2564.116(64位)

创建元素后(3.5M内存使用)

创建元素后

制作参考(4.0M内存使用)后

在做参考之后

(function(){
  var elemArray = [];
  var elemCount = 10000;
  //create 10000 elements and append to the dom tree
  var create = function(){
    var i = 0;
    var zone = document.getElementById("zone");
    for(;i<=elemCount;i++){
      var div = document.createElement("div");
      div.id = "div" + i;
      div.innerHTML = "the " + i + " div";
      zone.appendChild(div);
    }
  };
  document.getElementById("create").addEventListener("click",create,false);

  var clear = function(){
    var zone = document.getElementById("zone");
    zone.innerHTML = "";
  };
  document.getElementById("clear").addEventListener("click",clear,false); …
Run Code Online (Sandbox Code Playgroud)

html javascript frontend dom

5
推荐指数
1
解决办法
150
查看次数

标签 统计

dom ×1

frontend ×1

html ×1

javascript ×1