1.報(bào)錯(cuò)

• 問(wèn)題描述：

tunneling socket could not be established

• 解決方法：

關(guān)閉代理，不要使用代理上網(wǎng)

2.兼容性

• 問(wèn)題描述：iOS中滾動(dòng)卡頓
• 解決方法：

設(shè)置-webkit-overflow-scrolling:touch;

3.小程序長(zhǎng)按事件觸發(fā)點(diǎn)擊事件的BUG處理

• 長(zhǎng)按事件(longtap)必觸發(fā)點(diǎn)擊事件(tap)的BUG
• 解決方法

//wxml
<view>
  <button bindtap="tap" bindlongtap="longtap" bindtouchend="touchend" >長(zhǎng)按我<button>
<view>

//js
Page({
  data: {
    lock: false
  },
  tap: function() {
    //檢查鎖
    if (this.data.lock) {
      return;
    }
    console.log('觸發(fā)了 tap')
  },
  touchend: function() {
    if (this.data.lock) {
      //開(kāi)鎖
      setTimeout(() => {
        this.setData({ lock: false });
      }, 100);
    }
  },
  longtap: function () {
    //鎖住
    this.setData({lock: true});
    console.log('觸發(fā)了 longtap')
  }
})

4.微信小程序:冒泡事件及其阻止

• 冒泡處理
• 解決方法：

利用catch+事件名（例如：catchtap），阻止冒泡

/*
 * 事件的類(lèi)別分為幾種：
 *   點(diǎn)擊事件：tap
 *   長(zhǎng)按事件：longtap
 *   觸摸事件：touchstart； touchend；touchcancel；touchmove
 *   其他：input；submit....
 * 其中前三類(lèi)是冒泡事件，其他的稱(chēng)為非冒泡事件。
*/
<view class='redview' bindtap='redclick'>
  紅色
  <view class='yellowview' bindtap='yellowclick'>
    黃色
    <view class='blueview' catchtap='blueclick'>
      藍(lán)色
    </view>
  </view>
</view>