那些微信小程序上踩過的坑（不定期更新）

首先需要知道，微信小程序是以數據為驅動的，並且模板數據是以數組化的方式處理的，我們在處理數據的時候盡可能數組化進行操作。並且css也受到一定的限制，請多加注意。

 

2017.03.24

當一個元素上同時綁定了bindtap與bindlongtap的時候觸發bindlongtap同時依然會觸發bindtap

　　解決方案：

      　　由於目前在微信小程序上bindtap被放置在bindlongtap后面觸發，同時bindtap觸發時間為touchend之前，則我們可以額外自定義一個函數用來判斷觸發的是tap還是longtap代碼如下（在需要處理的頁面page內定義）：

//touchstart時候觸發 
setTapStartTime : function () { 
      this.setData({ 
          startTime : Date.now() 
      }) 
},
//tap或者longtap時候觸發時判斷
isTap : function () { 
     return Date.now() - this.data.startTime < 200;  
}

wx.request的請求地址帶上參數時候會發生錯誤，無法正常請求：

　　解決方案：參數一律放在data內

 

2017.3.28

options只能在onLoad的時候獲取跳轉頁面的參數(即?后面的那一坨。。。)

 

2017.4.7

input標簽無法觸發bindtap

　　解決方案:bindtap相關避免使用input標簽

本地圖片資源以背景圖片的形式展示時手機微信上會失效

　　解決方案： 全部采用image標簽的方式顯示或者采用網絡圖片資源的方式

 

2017.4.18

canvas被設置"display:none"時draw無法繪制上去

當draw成功繪制到canvas后被繪制的canvas的將被置頂（即z-index無效，永遠在頁面最上層）,同時可繪制圖片的隱藏屬性一律失效（即opacity,visibility將全部無效化）

　　解決方案：'top:-100000000000000000;left:-10000000000000000'。。。。嗯哼  不多說了  理解就好。。。。。。。。。

小程序內無法長按識別二維碼

　　解決方案：那就放小程序外長按識別~~雖然有點繁瑣- - 。。。。