微信小程序canvas拖动卡顿解决@handleTouchMove
问题:滑动严重卡顿。
分析:
- 可能是**@handleTouchMove执行太快**,使用计时器控制执行速度,明显变流畅,上滑很流畅,但是下滑依旧卡顿。
javascript
handleTouchMove(e) {
if (!this.isReDraw) {
.......
setTimeout(() => { // 控制执行速度
this.isReDraw = false;
}, 10);
}
},
- 统计handleTouchMove执行频率,发现上滑时执行频率正常,下滑时执行频率很慢,分析可能是和其他下滑事件冲突 。尝试关闭全局滑动事件:在最外层view中添加:@touchmove.stop.prevent="() => {}"
javascript
<template>
<view @touchmove.stop.prevent="() => {}">
另外记得在pages.json里关闭小程序的下拉刷新