内存优化
本话题发布内存优化相关的问答文章和技术分享，将持续更新，为您推荐了20篇问答，访问即可查看更多精彩内容。
-
1
回答
38浏览
Chrome DevTools 内存快照里 Detached DOM 树怎么排查？
我在用 Chrome DevTools 做内存分析时，发现快照里有大量 Detached DOM 节点，但不知道是哪段代码造成的。明明已经移除了 DOM 元素，为什么还占着内存？ 我试过在移除元素前手...
-
1
回答
34浏览
WeakSet 能不能用来缓存 DOM 元素避免内存泄漏？
我最近在做一个动态表单，需要临时标记某些 input 元素是否已校验过。听说 WeakSet 不会阻止垃圾回收，就试着用它存 DOM 节点，但不确定是不是真的能防内存泄漏。比如下面这段样式： .val...
-
2
回答
34浏览
长列表滚动卡顿，内存占用高怎么优化？
我在做一个消息列表页，数据有上千条，即使只渲染可视区域，滚动还是特别卡，而且内存占用一直很高。我试过用 React 的虚拟滚动库，但效果不明显，是不是 CSS 写得有问题？ 比如下面这段样式，会不会导...
-
1
回答
40浏览
组件卸载后订阅没清理，内存泄漏怎么解决？
我在 React 组件里用 useEffect 订阅了一个全局事件，但切换页面后发现回调还在执行，明显是内存泄漏了。试过在 useEffect 返回函数里 unsubscribe，但好像没生效？ 下面...
-
1
回答
57浏览
Vue组件销毁后内存没释放，是不是哪里引用没清理？
我在一个 Vue 项目里做单页应用，切换路由时发现内存占用一直在涨。用 Chrome 的 Performance 面板看了下，卸载的组件好像没被 GC 回收。我明明在 beforeUnmount 里清...
-
2
回答
29浏览
Vue组件里父子互相引用会导致内存泄漏吗？
我在写一个弹窗组件，父组件通过 ref 拿到子组件实例，子组件又通过 props 拿到了父组件的引用，页面切换后发现内存占用一直不降，是不是循环引用导致的？试过在 beforeUnmount 里手动置...
-
2
回答
39浏览
大对象频繁创建导致内存飙升怎么办？
我在做一个数据可视化项目，每次切换时间范围都会生成一个包含上万条数据的大对象，页面内存占用很快就飙到1G以上，浏览器都卡死了。 试过用 delete 删除旧数据，也手动把变量设为 null，但内存还是...
-
1
回答
36浏览
WeakSet 能不能用来监听 DOM 元素的销毁？
我在做一个组件库，想用 WeakSet 来跟踪哪些 DOM 元素已经被移除了，但发现好像没法判断元素是否还在页面上。WeakSet 不是自动清理的吗？为什么我没法知道它什么时候被清掉了？ 比如我这样写...
-
1
回答
26浏览
React组件卸载后定时器还在执行，是不是内存泄漏了？
我在一个 React 组件里用了 setInterval 轮询数据，离开页面后发现控制台还在打印日志，怀疑定时器没清理。试过在 useEffect 返回函数里清除，但有时候还是漏掉，这算内存泄漏吗？ ...
-
2
回答
33浏览
Chrome内存快照里怎么判断是不是内存泄漏？
我在用 Chrome DevTools 的 Memory 面板拍快照，但不太会看那些 retained size 和 distance，到底怎么看才能确定是不是真的内存泄漏了？ 我试过反复打开关闭一个...
-
2
回答
28浏览
Chrome DevTools 内存快照里怎么定位闭包导致的内存泄漏？
我在做一个单页应用，发现切换页面后内存一直涨，用 DevTools 的 Memory 面板拍了快照，看到很多 Detached DOM tree 和 Closure，但不知道具体是哪段代码引起的。我怀...
-
2
回答
40浏览
闭包导致内存泄漏怎么优化？
我在一个轮播组件里用了闭包保存索引，但发现页面切换后内存没释放，是不是闭包引用了 DOM 导致的？ 试过在 destroy 时把变量设为 null，但 Chrome DevTools 的内存快照里还是...
-
2
回答
45浏览
React组件卸载后内存没释放是怎么回事？
在开发一个React表格组件时发现，切换页面后内存占用一直没降下来。我用Chrome的Memory面板做了heap snapshot对比，发现大量TableData实例还留在内存里... 代码结构大概...
-
2
回答
112浏览
React里大对象频繁更新导致内存飙升怎么办？
在做数据看板时，每次渲染都要生成包含10万条记录的chartData对象，即使用了useMemo和缓存，内存还是持续上涨，最后直接撑爆浏览器... 尝试把数据拆成多个小对象也没用，监控发现这个大对象一...
-
2
回答
64浏览
Vue组件中大对象缓存导致内存飙升，如何有效优化？
我在开发图片预览功能时，用数组缓存了500+张base64图片，发现内存持续飙升到200MB以上。尝试在组件卸载时清空数组并赋值null，但任务管理器显示内存占用没降下来，这是为什么？ 代码结构大概是...
-
2
回答
98浏览
React组件用useEffect定时器内存持续增长怎么办？
我在开发一个实时数据展示组件时用到了useEffect里的setInterval，但组件卸载后内存一直没释放。虽然加了cleanup函数，但内存分析工具显示heap还在持续增长，这是什么问题啊？ 代码...
-
2
回答
89浏览
Angular组件卸载后rxjs订阅没清理导致内存泄漏怎么办？
我在Angular项目里用Subject订阅了服务端数据，按官方教程在ngOnDestroy里调用了unsubscribe，但内存还是持续上涨。明明组件卸载了，为什么订阅没断开？ 代码是这样写的：th...
-
2
回答
51浏览
为什么我的页面内存持续增长，Performance面板显示大量DOM节点？
在开发一个实时数据图表时，我用了setInterval每秒生成新的DOM元素，但看Performance面板的Memory快照，DOM节点数一直在涨，手动调用removeChild好像没起作用，这是怎...
-
2
回答
121浏览
对象池优化后内存反而增加，哪里出错了？
我在优化一个实时渲染动画时用了对象池，但监控发现内存占用反而比直接new对象更高。明明复用了实例，为什么会出现这种情况？ 尝试把DOM元素缓存到对象池里，代码大概是这样的： class DOMPool...
-
2
回答
93浏览
React组件中如何避免DOM引用导致的内存泄漏？
在开发一个动态加载的列表组件时，我给列表容器加了ref用来监听滚动，但发现组件卸载后内存 profiling 还能看到之前的实例残留。 已经用了useEffect的返回函数把ref.current设为...
