dom 节点太多的 Javascript 性能问题？

Question

我目前正在调试一个 ajax 聊天，它不断地用 DOM 元素填充页面。如果你的聊天持续了大约 3 个小时，你最终会知道有多少 DOM 节点。

与极端 DOM 使用相关的问题是什么？

UI 是否有可能变得完全无响应(尤其是在 Internet Explorer 中)？

(与此问题相关的当然是解决方案，如果除了手动垃圾收集和删除dom节点之外还有其他解决方案。)

Answer 1

大多数现代浏览器应该能够很好地处理巨大的 DOM 树。而“大多数”通常不包括 IE。

是的，您的浏览器可能会变得无响应(因为它需要太多 RAM -> 交换)或者因为它的渲染器不堪重负。

标准解决方案是删除元素，比如在页面有 10,000 行聊天内容之后。即使是 100'000 行也不应该是一个大问题。但是对于比这大得多的数字(比如数百万行)，我会开始感到不安。

[编辑] 另一个问题是内存泄漏。即使 JS 使用垃圾收集，如果你在代码中犯了一个错误，并且在全局变量中保留对已删除 DOM 元素的引用(或来自全局变量的对象引用)，你可能会耗尽内存，即使页面本身只包含一些千个元素。