最近在開發(fā)小程序，遇到一些坑，總結(jié)出來(lái)跟大家分享一下，我這里使用的是mpvue框架，mpvue也有不少坑~

1.scroll-view的屬性設(shè)置，scroll-y設(shè)置，不管我們?cè)O(shè)置scroll-y=true還是false，其實(shí)都會(huì)滾動(dòng)的，要想設(shè)置scroll-y為false，我們需要用數(shù)據(jù)綁定的形式來(lái)設(shè)置才會(huì)起效:scroll-y=false

2.有時(shí)候明明設(shè)置 一個(gè)變量，當(dāng)它為false的時(shí)候才展示某個(gè)元素，比如 isHide?hide:show，有時(shí)候會(huì)發(fā)現(xiàn)，在頁(yè)面中，還是會(huì)先渲染出來(lái)一下，然后才被隱藏了，原因是，最開始的時(shí)候，data數(shù)據(jù)還沒(méi)有初始化完成，這個(gè)時(shí)候，isHide是undefined，undefined變成boolean值，就是false，所以最開始還是show了，為了解決這種情況，我們可以使用全等符號(hào)。 isHide=== true ?hide:show

3.顯示image的時(shí)候，如果我們?cè)O(shè)置了mode=widthFix，有時(shí)候在渲染的時(shí)候會(huì)看到圖片有一個(gè)拉伸過(guò)程，然后才變成我們期望的大小，解決這個(gè)問(wèn)題，可以給image添加height:auto；或者使用background-image來(lái)展示，需要注意的是background-image不支持本地路徑，可以支持本地base64或者服務(wù)器返回來(lái)的圖片

4.在父組件跳轉(zhuǎn)到子組件的時(shí)候，使用navigateTo方法，攜帶參數(shù)，如果參數(shù)里面帶特殊字符，會(huì)被截?cái)?，?dǎo)致我們?cè)谧咏M件獲取到的參數(shù)不正確。解決辦法就是，通過(guò)encodeURIConponent，對(duì)參數(shù)進(jìn)行編碼，然后在子組件再進(jìn)行解碼，其實(shí)跟我們url傳遞參數(shù)是一樣的，都需要注意這一點(diǎn)。

5.cover-view組件IOS可以支持滾動(dòng)了，不過(guò)需要7.0以上版本的微信。

6.單頁(yè)面目前也是可以支持自定義導(dǎo)航欄，同樣需要7.0以上版本的微信。

7.mpvue的坑，雙向數(shù)據(jù)綁定的時(shí)候，有些安卓機(jī)會(huì)卡頓。可以通過(guò)防抖賦值或者v-model.lazy，不使用雙向綁定。

8.mpvue渲染速度比較慢，有時(shí)候會(huì)出現(xiàn)數(shù)據(jù)改變了，但是頁(yè)面不渲染的情況。

9.組件默認(rèn)不換行，加上這一行代碼，可以讓它換行white-space:pre-wrap;

10. 第三方組件樣式修改:

　　以iview webapp為例，不能直接通過(guò)其class的類名直接修改組件樣式，可通過(guò)i-class來(lái)給組件添加類名，通過(guò)i-class來(lái)修改樣式。

全文完，大家可以說(shuō)說(shuō)自己開發(fā)過(guò)程中遇到了哪些坑，以及解決辦法^_^

11. 使用wepy時(shí)，異步更新數(shù)據(jù)，手動(dòng)刷新dom的時(shí)候需要使用 this.$apply()