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

首先需要知道，微信小程序是以数据为驱动的，并且模板数据是以数组化的方式处理的，我们在处理数据的时候尽可能数组化进行操作。并且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'。。。。嗯哼  不多说了  理解就好。。。。。。。。。

小程序内无法长按识别二维码

　　解决方案：那就放小程序外长按识别~~虽然有点繁琐- - 。。。。