小程序開發中遇到的坑

最近在開發小程序,遇到一些坑,總結出來跟你們分享一下,我這裏使用的是mpvue框架,mpvue也有很多坑~vue

1.scroll-view的屬性設置,scroll-y設置,無論咱們設置scroll-y=true仍是false,其實都會滾動的,要想設置scroll-y爲false,咱們須要用數據綁定的形式來設置纔會起效:scroll-y=false小程序

2.有時候明明設置 一個變量,當它爲false的時候才展現某個元素,好比 isHide?hide:show,有時候會發現,在頁面中,仍是會先渲染出來一下,而後才被隱藏了,緣由是,最開始的時候,data數據尚未初始化完成,這個時候,isHide是undefined,undefined變成boolean值,就是false,因此最開始仍是show了,爲了解決這種狀況,咱們可使用全等符號。 isHide=== true ?hide:show服務器

3.顯示image的時候,若是咱們設置了mode=widthFix,有時候在渲染的時候會看到圖片有一個拉伸過程,而後才變成咱們指望的大小,解決這個問題,能夠給image添加height:auto;或者使用background-image來展現,須要注意的是background-image不支持本地路徑,能夠支持本地base64或者服務器返回來的圖片微信

4.在父組件跳轉到子組件的時候,使用navigateTo方法,攜帶參數,若是參數裏面帶特殊字符,會被截斷,致使咱們在子組件獲取到的參數不正確。解決辦法就是,經過encodeURIConponent,對參數進行編碼,而後在子組件再進行解碼,其實跟咱們url傳遞參數是同樣的,都須要注意這一點。框架

5.cover-view組件IOS能夠支持滾動了,不過須要7.0以上版本的微信。ide

6.單頁面目前也是能夠支持自定義導航欄,一樣須要7.0以上版本的微信。編碼

7.mpvue的坑,雙向數據綁定的時候,有些安卓機會卡頓。能夠經過防抖賦值或者v-model.lazy,不使用雙向綁定。url

8.mpvue渲染速度比較慢,有時候會出現數據改變了,可是頁面不渲染的狀況。spa

9.<cover-view></cover-view>組件默認不換行,加上這一行代碼,可讓它換行white-space:pre-wrap;雙向綁定

全文完,你們能夠說說本身開發過程當中遇到了哪些坑,以及解決辦法^_^

相關文章
相關標籤/搜索