对 DOM 节点的引用会使得节点一直在内存中存储而不会进行释放. 问题... 我们来用 Chrome 开发者工具中抓一下 Heap 观察一下，看看是不是能找到 Detached DOM. 我们在搜索框中输入 detached，看起来并没有 Detached 节点. 最早的代码问…

本题难度：⭐ ⭐ 本题类型：综合题、浏览器 答： 可以使用chrome 开发工具的 Performance

最近产品经理跟我反馈公司的一个系统频繁切换主菜单时，浏览器占用内存一直在飙升。当时第一反应内存泄露了。 经过场景重现，发现从A主菜单切到B主菜单,在切回到A主菜单，浏览器占用内存翻了一倍，基本可以确认是内存泄露。 根据BUG场景重现，浏览器占用内存是翻了一倍，可以初步确定是Vu…

通过几个🌰，介绍内存泄露排查的几种思路，定位到引发内存泄露的具体位置，内存泄露理论基简介， 浏览器内存回收机制

然而这些操作造成的“内存泄漏”究竟是什么样子的？如何排查？虽然很好奇，却不得而知。直到这次公司应用频繁出现浏览器崩溃的情况，我受命解决这个问题，才开始研究内存泄漏的排查方法，及排查工具。 我司的应用在客户现场反馈过来的问题是：在某几台固定的电脑上频繁出现浏览器崩溃的情况。我问现…