1.關於 <input />標簽容易忽略的問題:
使用<input />標簽時容易忘記綁定bindblur()方法(輸入框失去焦點時觸發),因為用戶用鍵盤輸入時不一定會點擊完成的按鈕,有可能輸入完之后直接點擊屏幕空白處,這樣手機鍵盤會收起,這時不會觸發bindconfirm()方法(點擊完成按鈕時觸發),所以會拿不到用戶輸入的值。當然還有其他的解決辦法,這個只是博主遇到的而已。
2.關於微信開發者工具創建項目和導入項目半天不響應或者socket hang out的問題
https://www.cnblogs.com/linck/p/11645882.html
3.mpvue小程序加載不出圖片Failed to load local image resource/images/xx.png的問題
https://www.cnblogs.com/linck/p/11636270.html
4.__WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_defineProperty___default(...) is not a function
兩種情況:(1)、mpvue項目文件改名后。解決方法:把壓縮打包的文件dist和依賴包node_modules刪除,重新運行yarn install、yarn start
(2)、直接文件復制粘貼。解決方法:不要直接復制粘貼文件,即使是同名、代碼都一樣的文件。應該采用新建文件的方式,然后把代碼復制過去
5.頁面之間的通信
搬運工:https://blog.csdn.net/julywind1/article/details/100584939
6.關於安卓圖片加載不出來的問題
今天測試發現安卓手機(華為、小米)加載不出icon圖標,蘋果卻可以(蘋果iPhone SE、iPhone X、iPhone SE)
解決方法:將中文的圖片名改為英文的圖片名就可以了。原因未詳~
7.微信小程序scroll-view 滑動卡頓問題
今天發現用scroll-view組件會導致頁面異常卡頓,換成其他的標簽就好了
8.關於使用px,還是rpx的問題
使用rpx可以使屏幕自適應
當然,如果已經有了設計稿,並且設計稿是px的,那么要轉換成rpx的話,就需要轉化:
750 * 元素在設計稿中的寬度 / 設計稿基准寬度
舉例:若設計稿寬度為 640px,元素 A 在設計稿上的寬度為 100px,那么元素 A 在 uni-app
里面的寬度應該設為:750 * 100 / 640
,結果為:117rpx。
9.關於使用mpvue或者uni-app框架中使用vue的樣式穿透問題
為了vue頁面樣式模塊化,不對全局造成污染,每個頁面的style標簽加上scoped,表示他的樣式只屬於當前的頁面,父組件的樣式不會泄漏到子組件中。但是scoped也會造成一些額外的負擔,如無法覆蓋原有組件的樣式。
解決方法:
使用深度選擇器,將scoped樣式中的選擇器“深入”,即影響子組件
以上的代碼會編譯成:
.van-tab[data-v-f3f3eg9] .van-ellipsis { /* … */ }
注意:如果你使用了Less或Sass等預處理器,可能無法>>>正確解析。在這些情況下,您可以使用組合/deep/或::v-deep組合 - 兩者都是別名,>>>並且工作完全相同。
使用Less或Sass等預處理器的寫法如下:
.van-tab {
/deep/ .van-ellipsis {
font-weight: bold;
}
}
遇到其他問題的話再更新吧,也歡迎各位小伙伴在評論區回復自己遇到的問題哦~