uniapp項目優化

uniapp官方性能優化文檔:https://uniapp.dcloud.io/performance

1、使用v3編譯，跟上官方每一次優化配置和建議

2、減少高頻動畫和監聽，減少對象數量，避免接口調用頻繁，善用資料緩存

3、圖檔請壓縮後使用，避免大圖，必要時可以考慮雪碧圖或svg，簡單代碼能實作的就不要圖檔

4、合理使用元件複用減少代碼備援，多學習api用函數式程式設計解決問題

6、善用封裝以減少代碼量（比如scss常量和方法封裝、接口請求封裝）

7、項目pages過多後請采取分包處理（app也可）https://uniapp.dcloud.io/collocation/manifest?id=app-vue-optimization

8、必要時可以使用nvue來編寫，但nvue文法比較嚴格請自行看文檔

9、關于使用者體驗，巧用漸變動畫，注重頁面細節，圖檔可用懶加載，更多可看uview-ui

10、請不要濫用本地存儲，局部頁面之間的傳參用url，如果用本地存儲傳遞資料要命名規範和按需銷毀

11、有官方API的就不要額外引用js插件增加項目體積，比如url傳參加密直接用encodeURIComponent() 和decodeURIComponent() 

12、減少元件深層嵌套，減少頁面目錄層級，合理利用相對路徑

13、css方面，要知道哪些屬性是有繼承效果的，像字型、字型顔色、文字大小都是繼承的，不要寫那些沒有意義的重複代碼

圖檔壓縮網站推薦:https://tinypng.com/

幾個常用的scss封裝參考:

14、善用節流和防抖

節流：觸發事件n秒内隻執行一次，n秒未過，再次觸發無效

防抖：等待n秒後執行某函數，若等待期間再次被觸發，則等待時間重新初始化

 轉載于：javascript:void(0)