摘要:由于之前做項(xiàng)目時(shí),只考慮到了樣式的好看,以及文檔是否周全,只做了簡(jiǎn)單的調(diào)研之后就選型了框架,導(dǎo)致現(xiàn)在性能方面有很大缺陷。除了框架的原因之外。自身框架的問(wèn)題,目前還沒(méi)有找到好的解決方案,自己存在的問(wèn)題,正在排查修改。
vue UI框架選型
現(xiàn)在市面上vue有很多UI框架供我們?nèi)ミx擇, 我們最常見(jiàn)的PC端有element-ui ,iview,移動(dòng)端有vux,vant-ui等, 值得注意的是我們?cè)谶x擇框架時(shí), 不應(yīng)該只注重樣式的豐富性,可維護(hù)性,框架的流暢性更應(yīng)該是我們更加重視的地方。
由于之前做項(xiàng)目時(shí),只考慮到了樣式的好看, 以及文檔是否周全,只做了簡(jiǎn)單的調(diào)研之后就選型了IVIEW框架,導(dǎo)致現(xiàn)在性能方面有很大缺陷。
翻閱資料以及根據(jù)自己的實(shí)踐對(duì)比, iview存在嚴(yán)重的內(nèi)存泄露問(wèn)題,當(dāng)我們做企業(yè)級(jí)項(xiàng)目的時(shí)候, 隨著項(xiàng)目?jī)?nèi)容的增多,iview慢慢暴露出了問(wèn)題, 項(xiàng)目會(huì)變的越來(lái)越卡頓。 和element-ui對(duì)比 發(fā)現(xiàn)iview內(nèi)存泄露更加嚴(yán)重,目前也沒(méi)有找到官方的解決方案。
除了ui框架的原因之外。 還有我們自己造成內(nèi)存泄露的一些情況:
(1)監(jiān)聽(tīng)在window/body等事件沒(méi)有解綁 (2)綁在EventBus的事件沒(méi)有解綁 (3)Vuex的$store watch了之后沒(méi)有unwatch (4)模塊形成的閉包內(nèi)部變量使用完后沒(méi)有置成null (5)使用第三方庫(kù)創(chuàng)建,沒(méi)有調(diào)用正確的銷(xiāo)毀函數(shù)
我們自己在開(kāi)發(fā)時(shí)要注意上述情況,嚴(yán)格規(guī)范,避免內(nèi)存泄露, 導(dǎo)致瀏覽器卡頓。
iview自身框架的問(wèn)題 ,目前還沒(méi)有找到好的解決方案, 自己存在的問(wèn)題, 正在排查修改。
文章版權(quán)歸作者所有,未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址:http://specialneedsforspecialkids.com/yun/106748.html
摘要:有目錄結(jié)構(gòu)書(shū)寫(xiě)方式組件集成項(xiàng)目構(gòu)建等的約束,整個(gè)應(yīng)用中是沒(méi)有文件的,所有的響應(yīng)都是動(dòng)態(tài)渲染的,包括里面的元信息路徑等。更多參考細(xì)說(shuō)后端模板渲染客戶(hù)端渲染中間層服務(wù)器端渲染開(kāi)發(fā)工具開(kāi)發(fā)時(shí)主要會(huì)用到的工具。 vue 前端項(xiàng)目技術(shù)選型、開(kāi)發(fā)工具、周邊生態(tài) 聲明:這不是一篇介紹 Vue 基礎(chǔ)知識(shí)的文章,需要熟悉 Vue 相關(guān)知識(shí) 主架構(gòu):vue, vue-router, vuex UI 框...
摘要:有目錄結(jié)構(gòu)書(shū)寫(xiě)方式組件集成項(xiàng)目構(gòu)建等的約束,整個(gè)應(yīng)用中是沒(méi)有文件的,所有的響應(yīng)都是動(dòng)態(tài)渲染的,包括里面的元信息路徑等。更多參考細(xì)說(shuō)后端模板渲染客戶(hù)端渲染中間層服務(wù)器端渲染開(kāi)發(fā)工具開(kāi)發(fā)時(shí)主要會(huì)用到的工具。 vue 前端項(xiàng)目技術(shù)選型、開(kāi)發(fā)工具、周邊生態(tài) 聲明:這不是一篇介紹 Vue 基礎(chǔ)知識(shí)的文章,需要熟悉 Vue 相關(guān)知識(shí) 主架構(gòu):vue, vue-router, vuex UI 框...
摘要:公司的招聘要求都提到了至少熟悉其中一種前端框架,有前端工程化與模塊化開(kāi)發(fā)實(shí)踐經(jīng)驗(yàn)相關(guān)字眼。我們主要從端公眾號(hào)移動(dòng)端小程序三大平臺(tái)進(jìn)行前端的技術(shù)選型,并來(lái)說(shuō)說(shuō)選其技術(shù)的幾大優(yōu)勢(shì)。技術(shù)的優(yōu)勢(shì)互聯(lián)網(wǎng)前端大潮后,前端出現(xiàn)了大框架,分別是與。 1、技術(shù)選型的背景前端技術(shù)發(fā)展日新月異,互聯(lián)網(wǎng)上出現(xiàn)的新型框架也比較多,如何讓新招聘的人員...
摘要:但能拷貝圖粘貼后不失真通常是收費(fèi)富文本編輯器才具備的能力。是否支持編程語(yǔ)言高亮,例如按,語(yǔ)言高亮是否支持?jǐn)?shù)學(xué)公式等等因此選擇了兩款富文本編輯器,支持截屏粘貼,當(dāng)做跟蹤系統(tǒng)時(shí)這個(gè)功能特別有用。 一、Web應(yīng)用技術(shù)棧 在開(kāi)發(fā)Web應(yīng)用時(shí),通常會(huì)使用到以下技術(shù)棧: showImg(https://segmentfault.com/img/bVbwceG);對(duì)應(yīng)這些技術(shù)棧都已有相應(yīng)的開(kāi)源產(chǎn)品...
摘要:更多參考通過(guò)庫(kù)掌握函數(shù)組件有些時(shí)候,我們想要?jiǎng)討B(tài)的加載一些組件按需加載,比如在一個(gè)單頁(yè)面應(yīng)用中頁(yè)面的組件頁(yè)面的組件頁(yè)面的組件只有真正要實(shí)例化當(dāng)前頁(yè)面的時(shí)候,才會(huì)去加載相應(yīng)的組件。 react 前端項(xiàng)目技術(shù)選型、開(kāi)發(fā)工具、周邊生態(tài) 聲明:這不是一篇介紹 React 基礎(chǔ)知識(shí)的文章,需要熟悉 React 相關(guān)知識(shí) 主架構(gòu):react, react-router, redux, redux...
閱讀 2122·2023-04-25 14:56
閱讀 2439·2021-11-16 11:44
閱讀 2696·2021-09-22 15:00
閱讀 1902·2019-08-29 16:55
閱讀 2177·2019-08-29 14:04
閱讀 2305·2019-08-29 11:23
閱讀 3678·2019-08-26 10:46
閱讀 1907·2019-08-22 18:43