vue中内存泄漏的问题
Q:前几天项目遇到了一个问题,访问页面导致内存不断上涨。
A:原因是在跳转路由销毁页面的时候,并没有释放内存。
接下来就开始查找资料,去排查到底是哪部分的问题,导致内存不释放。
以下链接就是帮助我排查的资料:
面试题:什么是内存泄漏?内存溢出? - 知乎
一个Vue页面的内存泄漏分析 - 简书
谈一谈我在前端开发的时候遇到的过的内存泄漏 - 简书
4种JavaScript内存泄漏浅析及如何用谷歌工具查内存泄露 - 简书
万恶的前端内存泄漏及万善的解决方案「详解」_More_Action的博客-CSDN博客
iview select 内存泄漏_Vue遇到的内存泄漏排查处理_笑技的博客-CSDN博客
vue踩坑总结 & 优化点 - FIONA-SUN - 博客园
chrome内存泄露(一)、内存泄漏分析工具_c11073138的博客-CSDN博客_chrome memory分析
vue安装插件指定版本_madman-CSDN博客
!!!需要注意的是,如果没有预期的现象(放上去2s显示节点信息等),
就卸载掉高版本的谷歌浏览器,下载一个谷歌低版本(68及以下的即可)
如果熟悉之后还是找不到内存泄漏的点,那就要适当的转换方法了,
不一定是代码的错误,可以适当找一下插件的问题
最终!!!
当我用以上的办法始终找不到问题所在的时候,发现了一个很无语的问题
导致内存泄漏的竟然是iview(view-design)组件!!!!!!
之前就有点怀疑这个组件。
我把全局引入的iview注释掉之后,神奇的发现内存涨的没那么快了也没那么高了。
然后我就抱着怀疑的态度去升级了版本
npm update view-design
本来4.0.2的版本,更新为4.5.0就没有问题了。
我是真的无语,几天下来竟然问题出在这里。
但是也很开心,作为一个小菜鸡,竟然会找到导致内存泄漏的原因。
最后,还有引发的一个问题就是,升级了控件版本之后,样式也乱掉了。。。。。。调样式中------