圖片資源,在我們的業務中可謂是占據了非常大頭的一環,尤其是其對帶寬的消耗是十分巨大的。 對圖片的性能優化及體驗優化在今天就顯得尤為重要。本文,就將從各個方面闡述,在各種新特性滿頭飛的今天,我們可以如何儘可能的對我們的圖片資源,進行性能優化及體驗優化。 圖片類型的選取及 Picture 標簽的使用 首 ...
1.表格滾動條未出現
1.1增加v-if判斷
1.2 使用key
1.3 使用element-table的doLayout方法 this.$refs['refName'].doLayout()
2.表格最後一行固定在下方
給最後一行增加樣式
display:table-row;position:sticky;bottom:0;width:100%;
其他就是樣式優化,組件的寬度貌似不相容==加了fixed好像有問題
3.重置數據
this.$options====頁面一開始的數據,不變
this.$data ====當前數據
註意:data里的引用數據使用深拷貝,防止修改時修改了引用數據,造成this.$options.data()展示了當前數 據現象
重置賦值:Object.assign(this.$data,this.$options.data());
4.uniapp打包失敗
4.1 雲打包報錯:D:\software\HBuilderX\plugins\node\node.exe[48372]: c:\ws\src\util-inl.h:372: Assertion `!(n > 0) || (ret != nullptr)' failed
參考:https://ask.dcloud.net.cn/question/116721
替換node.exe的方法可以解決此問題
路徑:HBuilderX\plugins\node
node下載地址:https://nodejs.org/download/release/v12.22.1/ 版本請查看路徑下的詳細信息
下載後,直接替換node.exe即可解決
4.2 再次遇到問題時,註意查看node的版本,找到同一版本,再次替換
5.uniapp 圖片不顯示
檢查是否使用的img標簽,將其替換成image標簽
6.electron安裝報錯
指定代理
npm config set ELECTRON_MIRROR http://npm.taobao.org/mirrors/electron/
7. npm i 報錯,完整性校驗失敗時,刪除package-lock.json。重新npm i
8. node 記憶體問題處理===方法2可用,不知道和1、3是否關聯
方法1.NODE_OPTIONS=--max-old-space-size=8192
參考資料:https://blog.csdn.net/wuyujin1997/article/details/122869951
方法2.修改uniapp web伺服器的記憶體參數 https://www.cnblogs.com/hxke/p/17078901.html
方法3.替換uniapp里的node文件,改為64位的