微信小程序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里关闭小程序的下拉刷新

相关推荐
一枚小小程序员哈22 分钟前
基于Vue + Node能源采购系统的设计与实现/基于express的能源管理系统#node.js
vue.js·node.js·express
不如摸鱼去5 小时前
Trae 辅助下的 uni-app 跨端小程序工程化开发实践分享
微信小程序·小程序·uni-app·aigc·ai编程
一枚小小程序员哈5 小时前
基于Vue的个人博客网站的设计与实现/基于node.js的博客系统的设计与实现#express框架、vscode
vue.js·node.js·express
定栓5 小时前
vue3入门-v-model、ref和reactive讲解
前端·javascript·vue.js
LIUENG6 小时前
Vue3 响应式原理
前端·vue.js
wycode7 小时前
Vue2实践(3)之用component做一个动态表单(二)
前端·javascript·vue.js
意会7 小时前
微信闪照小程序实现
前端·css·微信小程序
wycode8 小时前
Vue2实践(2)之用component做一个动态表单(一)
前端·javascript·vue.js
第七种黄昏8 小时前
Vue3 中的 ref、模板引用和 defineExpose 详解
前端·javascript·vue.js
pepedd8649 小时前
还在开发vue2老项目吗?本文带你梳理vue版本区别
前端·vue.js·trae