javascript - DOM 内存和 CPU 管理

Question

我正在创建一个渐进构建的单页(如果启用了 Javascript)“博客”，它使用 AJAX 为用户导航到的新页面请求 HTML。

当用户导航到新页面时，它们将在一个带有“overflow: hidden;”的小窗口中一个接一个地添加到 DOM 中:

<div id="foo" style="width:200px; height:100px;">
  <div id="bar" style="width:999999px">
  </div>
</div>

当 AJAX 调用返回成功时，一个 div 将附加到#bar。

当#foo宽度之外有很多隐藏页面时，对浏览器有什么影响？

当用户导航离开它们时，我是否需要从 DOM 中删除 div？然后，如果用户选择再次导航到它们，我将需要发出新的 AJAX 请求。 :(

谢谢

威廉

Answer 1

无论人们说 GC 会为您做什么，无论是在 JavaScript、C# 还是 Java 中，都要当心并忘记自动管理的愚蠢 promise 。明确地清理它并睡个好觉。

原因很简单:当您离开最简单的场景(浏览器的 JavaScript 和 C#/java 都是这种情况)时，闭包泄漏和泄漏非常糟糕。