WeakSet 能不能用来缓存 DOM 元素避免内存泄漏？
我最近在做一个动态表单，需要临时标记某些 input 元素是否已校验过。听说 WeakSet 不会阻止垃圾回收，就试着用它存 DOM 节点，但不确定是不是真的能防内存泄漏。比如下面这段样式：
.validated {
border: 2px solid green;
}
.pending {
border: 1px dashed gray;
}我用 const validatedInputs = new WeakSet(); 存节点，但发现即使元素被移除了，WeakSet 里的引用好像还在？还是说我理解错了它的使用场景？
- 1
回答
36浏览
WeakSet 能不能用来监听 DOM 元素的销毁？
我在做一个组件库，想用 WeakSet 来跟踪哪些 DOM 元素已经被移除了，但发现好像没法判断元素是否还在页面上。WeakSet 不是自动清理的吗？为什么我没法知道它什么时候被清掉了？ 比如我这样写...
- 2
回答
118浏览
WeakMap缓存DOM元素后内存没释放是怎么回事？
在开发可复用组件时，用WeakMap缓存DOM元素的处理函数，但发现页面卸载后内存没释放，这是为什么？ 我这样写的：const handlers = new WeakMap(); function m...
- 2
回答
94浏览
WeakMap缓存DOM元素内存没减少怎么办？
在优化页面时用WeakMap存DOM元素，但内存统计显示占用没降下来，这是为什么？ 之前用普通对象缓存DOM节点：cache = { element: document.getElementById(...
- 2
回答
37浏览
为什么我的DOM元素在卸载后仍占用内存？
最近在做Vue组件时发现，页面切换后内存不释放，用开发者工具看DOM元素居然还在内存里。我给每个按钮绑了点击事件： mounted() { this.button = document.querySe...
- 2
回答
40浏览
WeakMap保存DOM元素后内存没释放是怎么回事？
我在用WeakMap存DOM元素的状态时遇到了问题，按理说WeakMap应该自动回收内存，但用开发者工具看内存占用一直没降下来。 比如给拖拽元素存储位置信息：const dragStates = ne...
- 2
回答
58浏览
对象池复用DOM元素时内存占用反而更高怎么办？
最近在尝试用对象池优化一个高频创建销毁DOM元素的动画组件，但发现内存占用反而更高了，这是为什么呢？ 我按照网上的教程实现了简单的对象池，把废弃的DOM元素存到数组里复用： class DOMPool...
- 1
回答
26浏览
WeakMap 能不能用来缓存 DOM 元素的计算结果？
我在做一个动态表格，想用 WeakMap 缓存每个单元格的格式化结果，避免重复计算。但发现缓存好像没生效，是不是我用错了？ 我试过这样写： const cache = new WeakMap(); f...
- 1
回答
38浏览
Chrome DevTools 内存快照里 Detached DOM 树怎么排查？
我在用 Chrome DevTools 做内存分析时，发现快照里有大量 Detached DOM 节点，但不知道是哪段代码造成的。明明已经移除了 DOM 元素，为什么还占着内存？ 我试过在移除元素前手...
- 2
回答
74浏览
Angular组件中ngAfterViewInit为什么无法获取动态生成的DOM元素？
我在使用Angular时遇到了奇怪的问题。组件里通过ViewChild获取一个动态生成的DOM元素，但ngAfterViewInit里始终返回null。元素是通过*ngIf条件渲染的，当数据异步加载完...
- 2
回答
50浏览
为什么我的页面内存持续增长，Performance面板显示大量DOM节点？
在开发一个实时数据图表时，我用了setInterval每秒生成新的DOM元素，但看Performance面板的Memory快照，DOM节点数一直在涨，手动调用removeChild好像没起作用，这是怎...
