微信小程序開發過程中踩過的坑，包含很多小程序開發細節，有些可能你也踩過。。。

1、height:auto; 失效，必須指定 image 的高度為具體數值,不然高度為0。

2、真機和模擬器的問題總結

• input 標簽中設置為 value 屬性，縮進樣式text-indent在模擬器中失效，在真機中正常運行。placeholder無此現象
• 測試過程中，域名為http格式的請求，在模擬器下可以正常運行，在真機中必須打開調試才能看到效果
• 設置視頻暫停，分享後繼續播放時，會出現模擬器視頻需再次分享才能繼續播放，而真機可以繼續播放
• 由於video組件調用的是客戶端創建的原生組件，它的層級是最高的，模擬器中不會出現這個問題，而真機中會覆蓋其他的內容
• video組件的播放控件，當設置為false時，模擬器中還會顯示，而真機中會隱藏

3、input組件設置text-indent，在沒有獲取焦點的時候是有效果的，但是在獲取焦點時會失去縮進的效果，所以喜歡用text-indent的同學們就換換口味吧，用padding實現縮進吧

4、input組件用rgba設置背景色透明透明度0.7，加padding會出現色差，改用opacity解決

5、下拉刷新不能和scroll-view組件共同使用，想要實現既可以下拉刷新又可以下滑加載，需要換成view組件，並且將onScrollLower函數改為onReachBottom

6、小程序上線，域名必須采用https和SSL證書，部分小程序的服務類目，域名必須在ICP備案，否則審核不通過

• 使用 name 屬性，作為模板的名字
• 使用 is屬性，聲明需要的使用的模板，然後將模板所需要的 data傳入

15、小程序的長度單位

小程序的長度單位為rpx，按照iphone6的來計算，1rpx=0.5px=1物理像素

16、在頁面中引入模板的wxss文件，采用@import引入，且需要以;結尾，否則會出錯

17、bindTap是不會阻止冒泡到父級，而catchTap可以阻止進行事件冒泡

18、data-aaa 這樣設置的值可以用event.target.dataset.aaa進行獲取

19、所有組件的所有屬性均可以采用 插值表達式 + 三目運算符進行賦值

20、除了采用三目運算符進行判斷，也可用使用wx:if和wx:else配合實現

21、獲取app.js中的字段或數據，采用getApp()可以實現

22、可以將一些公共的函數封裝在一個js中，通過require的方式引入當前的js文件中

23、編寫復用的模板時，從最小的模板開始編寫，由小到大，使用時，wxml和wxss必須引入到當前的頁面

24、wx.previewImage({urls: [src], //需要預覽的http鏈接列表 current: src //當前顯示圖片的http鏈接})全屏預覽圖片

25、小程序不需要寫保存圖片的方法，默認長按可以保存圖片

26、遇到 this.data 給變量賦值沒有效果，改用this.setData({})

• 一般setData方法多用於點擊後改變頁面信息或者刷新後與後臺交互獲取最新的信息
• 直接修改 this.data 而不調用 this.setData 是無法改變頁面的狀態的，還會造成數據不一致
• 單次設置的數據不能超過1024kB，請盡量避免一次設置過多的數據

27、當需要使用template模板 + wx-for動態添加數據時，因為template模板中已經傳入一個data屬性，所以邏輯層的字段無法傳到視圖層，如果需要，不要使用template，直接在當前頁面中進行循環

原文：微信小程序開發過程中踩過的坑，包含很多小程序開發細節

微信小程序開發過程中踩過的坑集合，沒有解決不了的錯誤，只有踩不完的坑