關於微信小程序中遇到的各種問題匯總(持續更新)


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;
  }
}

 

遇到其他問題的話再更新吧,也歡迎各位小伙伴在評論區回復自己遇到的問題哦~


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM