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就没有问题了。

我是真的无语,几天下来竟然问题出在这里。

但是也很开心,作为一个小菜鸡,竟然会找到导致内存泄漏的原因。

最后,还有引发的一个问题就是,升级了控件版本之后,样式也乱掉了。。。。。。调样式中------

Logo

前往低代码交流专区

更多推荐