vue專案中的記憶體洩漏

2021-10-21 17:36:30 字數 939 閱讀 9305

q:前幾天專案遇到了乙個問題,訪問頁面導致記憶體不斷**。

a:原因是在跳轉路由銷毀頁面的時候,並沒有釋放記憶體。

接下來就開始查詢資料,去排查到底是哪部分的問題,導致記憶體不釋放。

面試題:什麼是記憶體洩漏?記憶體溢位? - 知乎

萬惡的前端記憶體洩漏及萬善的解決方案「詳解」_more_action的部落格-csdn部落格

iview select 記憶體洩漏_vue遇到的記憶體洩漏排查處理_笑技的部落格-csdn部落格

vue踩坑總結 & 優化點 - fiona-sun -

chrome記憶體洩露(一)、記憶體洩漏分析工具_c11073138的部落格-csdn部落格_chrome memory分析

vue安裝外掛程式指定版本_madman-csdn部落格

!!!需要注意的是,如果沒有預期的現象(放上去2s顯示節點資訊等),

如果熟悉之後還是找不到記憶體洩漏的點,那就要適當的轉換方法了,

不一定是**的錯誤,可以適當找一下外掛程式的問題

最終!!!

當我用以上的辦法始終找不到問題所在的時候,發現了乙個很無語的問題

導致記憶體洩漏的竟然是iview(view-design)元件!!!!!!

之前就有點懷疑這個元件。

我把全域性引入的iview注釋掉之後,神奇的發現記憶體漲的沒那麼快了也沒那麼高了。

然後我就抱著懷疑的態度去公升級了版本

npm update view-design

本來4.0.2的版本,更新為4.5.0就沒有問題了。

我是真的無語,幾天下來竟然問題出在這裡。

但是也很開心,作為乙個小菜雞,竟然會找到導致記憶體洩漏的原因。

最後,還有引發的乙個問題就是,公升級了控制項版本之後,樣式也亂掉了。。。。。。調樣式中------

記專案中的一次記憶體洩漏問題

最近在使用qt開發乙個大型專案,記憶體占用可能有點多,其中在vector.push back 的時候報了乙個segment fault錯誤,感到很奇怪。因為平時遇到段錯誤,大多數情況下都是陣列越界 使用訪問元素 而vector的push back 函式,在新增元素時,如果空間不足,會先向記憶體申請原...

vue 專案中的scoped

加了scoped的樣式,在打包後,就會給同乙個帶有scoped的style裡面的樣式增加一段特殊標識,看下面例子就曉得了 打包後在.css檔案中就成了如下 one h1 xx h2 xx h4 xx 這裡的 xx在同乙個scoped裡面的都一樣,不同的不一樣 這就是為什麼引入其他元件時,在帶有sco...

vue 關掉vue專案中的ESlint

在新建專案的時候,還信心滿滿的要標準開發,於是開啟了eslint 檢測,後來才發現,想法的太天真,空格縮排不對都要報錯,而且我對錯誤是0容忍。並且一般都是用外掛程式對 進行格式化,但還是很多錯誤,實在不想一遍遍去排查,於是找了找資料,關掉專案中eslint 但是eslint也有可取之處。它可輔助規範...