当我创建10,000个元素时,内存使用量不会增长.但是当我引用这些10,000个元素时,内存使用量从3.5M增加到4.0M.当我破坏参考时使用量减少0.1M,而删除元素则减少0.4M.
这是我的问题:
操作系统: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)