以下代码示例将创建内存泄漏(Detachted Dom Elements)。您可以通过在chrome dev工具中创建memroy配置文件来验证这一点。
问题:如何解决此问题。
我想知道其他方案,可以创建分离的DOM元素和可能的修复以及要避免的事情。
以下代码示例来自https://developer.chrome.com/devtools/docs/heap-profiling-dom-leaks
function start()
{
var p = document.getElementById("p");
detached = document.createElement("div");
p.appendChild(detached);
p.removeChild(detached);
fill();
}
function fill()
{
for (var i = 0; i < 25; ++i) {
var div = document.createElement('div');
div.data = new Array(10000);
for (var j = 0, l = div.data.length; j < l; ++j)
div.data[j] = j.toString();
detached.appendChild(div);
}
}