微信小程序canvas拖动卡顿问题解决方法

微信小程序canvas拖动卡顿解决@handleTouchMove

问题:滑动严重卡顿。

分析:

  1. 可能是**@handleTouchMove执行太快**,使用计时器控制执行速度,明显变流畅,上滑很流畅,但是下滑依旧卡顿。
javascript 复制代码
handleTouchMove(e) {
	if (!this.isReDraw) {
		.......
		setTimeout(() => { // 控制执行速度
			this.isReDraw = false;
		}, 10);
	}
},
  1. 统计handleTouchMove执行频率,发现上滑时执行频率正常,下滑时执行频率很慢,分析可能是和其他下滑事件冲突 。尝试关闭全局滑动事件:在最外层view中添加:@touchmove.stop.prevent="() => {}"
javascript 复制代码
<template>
	<view @touchmove.stop.prevent="() => {}">

另外记得在pages.json里关闭小程序的下拉刷新

相关推荐
嚣张农民2 小时前
推荐3个实用的760°全景框架
前端·vue.js·程序员
落魄小二2 小时前
el-table 表格索引不展示问题
javascript·vue.js·elementui
neter.asia2 小时前
vue中如何关闭eslint检测?
前端·javascript·vue.js
十一吖i3 小时前
前端将后端返回的文件下载到本地
vue.js·elementplus
光影少年3 小时前
vue2与vue3的全局通信插件,如何实现自定义的插件
前端·javascript·vue.js
丁总学Java3 小时前
微信小程序,点击bindtap事件后,没有跳转到详情页,有可能是app.json中没有正确配置页面路径
微信小程序·小程序·json
熊的猫4 小时前
JS 中的类型 & 类型判断 & 类型转换
前端·javascript·vue.js·chrome·react.js·前端框架·node.js
mosen8684 小时前
Uniapp去除顶部导航栏-小程序、H5、APP适用
vue.js·微信小程序·小程序·uni-app·uniapp
qq22951165025 小时前
微信小程序的汽车维修预约管理系统
微信小程序·小程序·汽车
别拿曾经看以后~5 小时前
【el-form】记一例好用的el-input输入框回车调接口和el-button按钮防重点击
javascript·vue.js·elementui