javascript - javascript内存泄漏和分析？

Question

我是javascript开发的新手。我构建了一个巨大的 JavaScript 应用程序。测试我使用 chrome 开发工具的应用程序，但我不知道分析。我拍了一个堆快照，我得到了 32mb 的快照。

它是什么（32mb）以及如何知道 javascript 中的内存泄漏？

如何使用分析来衡量我的应用程序？

Answer 1

您只需按 F12，您将在那里获得配置文件选项。如果要检查完成按钮单击操作所需的时间，只需选择Collect Javascript CPU配置文件并说开始。然后单击所需的按钮，然后停止。您将在那里获得点击的详细分析。您可以稍后检查可以减少操作总时间的地方。即优化它。你也可以在 IE 中使用开发者工具来达到同样的目的。

为了优化，您可以避免不必要的循环，将元素存储在变量中，然后使用代码中经常需要的元素。等

您还可以在chrome的右下角查看错误（如果有），并可以解决这些错误以进行优化。

配置文件将为您提供父函数和在父函数中单独调用的其他函数所花费的时间，这有助于独立优化每个函数。

当您为单击按钮等任何操作启动和停止分析器时，您将在 Chrome 配置文件中获得该操作的总时间（以秒或毫秒为单位）。如果时间超过该操作的用户接受时间，您可以修改/优化您的 JavaScript 代码。如果任何操作花费的时间超过用户接受时间，则意味着您的网站性能不佳，需要优化。用户接受时间完全取决于操作类型

Answer 2

DevTools 能够向您展示看起来像泄漏的对象。这里描述的最简单和有用的技术

在它的帮助下，组成 gmail 团队的人设法修复了 gmail 页面中的漏洞。