微信小程序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 小时前
《赛事报名系统小程序》
小程序·html·uniapp
知识分享小能手3 小时前
React学习教程,从入门到精通,React 组件核心语法知识点详解(类组件体系)(19)
前端·javascript·vue.js·学习·react.js·react·anti-design-vue
萌萌哒草头将军4 小时前
Oxc 和 Rolldown Q4 更新计划速览!🚀🚀🚀
javascript·vue.js·vite
海绵宝宝不喜欢侬5 小时前
uniapp-微信小程序分享功能-onShareAppMessage
微信小程序·小程序·uni-app
Qlittleboy5 小时前
uniapp如何使用本身的字体图标
javascript·vue.js·uni-app
小白菜学前端5 小时前
vue2 常用内置指令总结
前端·vue.js
林_深时见鹿5 小时前
Vue + ElementPlus 自定义指令控制输入框只可以输入数字
前端·javascript·vue.js
椒盐螺丝钉5 小时前
Vue组件化开发介绍
前端·javascript·vue.js
koooo~5 小时前
v-model与-sync的演变和融合
前端·javascript·vue.js
亮子AI5 小时前
【小程序】微信小程序隐私协议
微信小程序·小程序