vue UI框架選型
現在市面上vue有很多UI框架供我們去選擇, 我們最常見的PC端有element-ui
,iview
,移動端有vux
,vant-ui
等, 值得注意的是我們在選擇框架時, 不應該只注重樣式的豐富性,可維護性,框架的流暢性更應該是我們更加重視的地方。
由於之前做項目時,只考慮到了樣式的好看, 以及文檔是否周全,只做了簡單的調研之後就選型了IVIEW框架,導致現在性能方面有很大缺陷。
翻閱資料以及根據自己的實踐對比, iview存在嚴重的內存泄露問題,當我們做企業級項目的時候, 隨着項目內容的增多,iview慢慢暴露出了問題, 項目會變的越來越卡頓。 和element-ui對比 發現iview內存泄露更加嚴重,目前也沒有找到官方的解決方案。
除了ui框架的原因之外。 還有我們自己造成內存泄露的一些情況:
(1)監聽在window/body等事件沒有解綁
(2)綁在EventBus的事件沒有解綁
(3)Vuex的$store watch了之後沒有unwatch
(4)模塊形成的閉包內部變量使用完後沒有置成null
(5)使用第三方庫創建,沒有調用正確的銷燬函數
我們自己在開發時要注意上述情況,嚴格規範,避免內存泄露, 導致瀏覽器卡頓。
iview自身框架的問題 ,目前還沒有找到好的解決方案, 自己存在的問題, 正在排查修改。