1.報(bào)錯(cuò)
- 問題描述：
tunneling socket could not be established
- 解決方法：
關(guān)閉代理，不要使用代理上網(wǎng)
2.兼容性
- 問題描述：iOS中滾動(dòng)卡頓
- 解決方法：
設(shè)置-webkit-overflow-scrolling:touch;
3.小程序長按事件觸發(fā)點(diǎn)擊事件的BUG處理
- 長按事件(longtap)必觸發(fā)點(diǎn)擊事件(tap)的BUG
- 解決方法
//wxml
<view>
<button bindtap="tap" bindlongtap="longtap" bindtouchend="touchend" >長按我<button>
<view>
//js
Page({
data: {
lock: false
},
tap: function() {
//檢查鎖
if (this.data.lock) {
return;
}
console.log('觸發(fā)了 tap')
},
touchend: function() {
if (this.data.lock) {
//開鎖
setTimeout(() => {
this.setData({ lock: false });
}, 100);
}
},
longtap: function () {
//鎖住
this.setData({lock: true});
console.log('觸發(fā)了 longtap')
}
})
4.微信小程序:冒泡事件及其阻止
- 冒泡處理
- 解決方法：
利用catch+事件名（例如：catchtap）乙帮，阻止冒泡
/*
* 事件的類別分為幾種：
* 點(diǎn)擊事件：tap
* 長按事件：longtap
* 觸摸事件：touchstart； touchend；touchcancel粉怕；touchmove
* 其他：input；submit....
* 其中前三類是冒泡事件抒巢，其他的稱為非冒泡事件贫贝。
*/
<view class='redview' bindtap='redclick'>
紅色
<view class='yellowview' bindtap='yellowclick'>
黃色
<view class='blueview' catchtap='blueclick'>
藍(lán)色
</view>
</view>
</view>
