坑1、沒有DOM

無法使用熟悉的$查找、document.getElementById等等這些操作，小程序取而代之的是數(shù)據(jù)綁定技術(shù)，所謂的數(shù)據(jù)驅(qū)動，就是數(shù)據(jù)改變之后，視圖展示跟著自己會變。DOM沒了，所以只好頻繁的使用this.setData({})來操作頁面屬性。

tip：在方法最初最好添加 var than = this; 使用than代替this，否則方法內(nèi)部函數(shù)的this會被替代。

坑2、圖片問題

除tapbar外，背景圖無法使用本地資源，替代方式是使用base64資源或者外網(wǎng)加載。每個image標簽底部有一條透明間隔，非padding，非margin。在圖片前面做遮罩層時可能會被坑。

坑3、跳轉(zhuǎn)

小程序頁面跳轉(zhuǎn)打開最多五層，超出五層不會跳轉(zhuǎn)了，所以大家要注意，可以在跳轉(zhuǎn)的時候關(guān)閉前一個頁面。

坑4、wxml標簽

wxml的標簽跟html里面的一些標簽是一樣的，就說view標簽就相當于div標簽，text標簽相當于span標簽吧，然就是表單元素，這里就要注意了，在微信小程序中，表單元素都是原生組件，微信小程序**生組件層級最高，所以在用input，canvas，map這些組件就要注意了。其中在樣式上不支持overflow-x/overflow-y，只可使用overflow。

在input標簽中會出現(xiàn)placeholder文字位置不固定，可使用使用placeholder-class屬性修改placeholder樣式。input標簽無法設(shè)置 font-family; 。對input直接float：left也是不行的，要在input外面套view，然后對其進行浮動。

scroll-view組件注意事項：1、不要在scroll-view 中使用 textarea、map、canvas、video 組件2、scroll-into-view 的優(yōu)先級高于 scroll-top。3、在滾動 scroll-view 時會阻止頁面回彈，所以在 scroll-view 中滾動，是無法觸發(fā) onPullDownRefresh。

在map組件中只能使用cover-view標簽，在cover-view標簽下只能使用cover-view以及cover-image標簽，這兩種標簽在樣式上的問題非常多，不建議使用，問題1、當使用display:none;做隱藏的時候，其內(nèi)容文字會出現(xiàn)在屏幕右上角，建議使用 wx:if="false"或position:absolute;left:-1000rpx;這種方式做隱藏。2、border不支持單邊。3、不支持padding的使用，在安卓端會出現(xiàn)padding消失的問題。

坑5、動畫問題

在小程序中當有兩個元素同時發(fā)生變化時，會出現(xiàn)沖突，導(dǎo)致其中一個變化，而另一個不做變化，所以要使用setTimeout方法避免元素同時出現(xiàn)變化。

坑6、js問題

js執(zhí)行順序，在開發(fā)者工具中執(zhí)行先執(zhí)行aap.js然后執(zhí)行其他js文件，但在手機上app.js和其他js是同時執(zhí)行的，就比如說你在app.js里面向本地存儲一個變量，然后再去index.js里面取這個變量，在開發(fā)者工具中是可以取到的，但在手機上它會取不到的。