小程序touchmove延迟严重，250ms触发一次，不能保证60帧，望解决

3027关注9774浏览

业务需求：相册选择图片，然后在画布上绘制，用户可以通过手势移动放大旋转图片

在代码实现过程中发现，chooseImage选择原图时，touchmove平均250ms触发一次，chooseImage选择压缩图时，touchmove平均16ms触发一次；导致在选择原图时绘制会出现卡顿，保证不了60帧，选择压缩图偶尔也会出现200ms触发一次的情况，手机是mix2s，应该不是性能问题，业务相关，这是发的第三次了，望重视，已附代码片段

图中touchDistance是两次触发touchmove的时间间隔，drawDistance是绘制开始和绘制结束的时间间隔，单位ms，可以发现原图和压缩图的绘制时间都很短，但是在选择原图时，touchmove触发间隔明显增大，达到200-300ms，导致多次绘制达不到60帧，严重影响体验

展开全部

收起

2回答

分享

关注问题我来回答

即速问答小程序开发

小程序touchmove延迟严重，250ms触发一次，不能保证60帧，望解决

提交回答

至过去的我

2044人对此回答表示赞同

我是未来的你，你现在是不是在年找寻小程序答案。你不要感觉诧异，给你来信原因，就是让你不在后悔。今天去学习如何推广小程序，相信......点击查看更多>

展开

2024

2024回复

分享

QQ

新浪微博

微信

发布于年
收起
吴静怡

17人对此回答表示赞同

你把console去了，效果会好点吗

展开

17

15回复

分享

QQ

新浪微博

微信

发布于 6年前
收起
评论（15）

收起评论
- Jack 2019-02-06 00:05
  
  不是惹不惹的问题，我还是建议你去了解一下js的运行机制，了解一下单线程是怎么处理异步的，从你的回复里可以看出你对这方面不是很了解，可能其他方面你很强，诚挚建议，不喜勿回
  
  回复
- Landon 2019-02-07 23:15
  
  不知道我哪里惹了你了。。最后还是回复你一次
  
  回复
- Erin院长 2019-02-09 20:32
  
  麻烦你先了解一下js运行机制，什么是任务队列，什么是主线程，什么是异步，js是怎么处理异步
  
  回复
- Anthony 2019-02-11 12:27
  
  不理解你想说明啥，你这里不就是draw这个动作太慢了吗，1次draw没完成，touchmove就把下一次draw送队列里了
  
  回复
- Sakura_1 2019-02-13 17:19
  
  你可以先了解一下js的运行机制，整个流程是这样的，当touchmove触发时会向任务队列推送相应事件，eventloop顺序执行队列里的事件也就是执行touchmove里写的的function，之后代码执行到draw（）得时候，因为draw是异步所以主线程会挂起draw的回调执行draw以后的代码，当渲染层图片绘制完成，会向任务队列推送draw的事件，这个时候eventloop会顺序执行队列的事件，过程中如果touchmove在draw完成之前推送事件到任务队列，则会先执行touchmove
  
  回复
- Peyton 2019-02-15 16:59
  
  设timeout干嘛？你timeout的事件到时间了还不是把事件放到队列里在处理
  
  回复
- 沐雨风 2019-02-17 13:16
  
  哦。。你用的画图啊。。图大了，处理起来慢，不是很正常嘛。。
  
  回复
- Dara永远三岁 2019-02-19 17:52
  
  异步跟事件两个概念，你可以在代码里设个timeout试一下
  
  回复
- 徐子衿 2019-02-21 13:21
  
  不可以，movable-view不能超出外边界
  
  回复
- 安以 2019-02-23 12:30
  
  事件处理队列只有1个，所谓的异步，只是把事件塞进队列，并不是真的有异步线程在处理，队列里的事件太多，而且每一个处理都要几个十几ms或者几十ms的话，就会丢帧了
  
  回复
- 赵凯歌 2019-02-25 14:21
  
  有没有试过用movable-view做
  
  回复
- Tala 2019-02-27 15:40
  
  可以看代码片段，只有console和draw(),理论上draw是异步也不会阻塞touchmove触发，何况draw整个过程在几毫秒完成
  
  回复
- Emilia 2019-03-02 00:12
  
  代码片段里没有移动缩放旋转的代码，小程序里有，去掉console仍然卡帧
  
  回复
- Ian 2019-03-03 20:06
  
  touchmove里做了些什么事啊
  
  回复
- 凌云舒语 2019-03-05 11:07
  
  不会
  
  回复
加载更多
Hazel

13人对此回答表示赞同

同一个问题，发的第三次，第一次官方要代码片段，发了然后不了了之，第二次直接沉了，希望这一次官方有回复（ps:社区什么时候能加个@功能？）

展开

13

0回复

分享

QQ

新浪微博

微信

发布于 6年前
收起
评论（0）

收起评论

相关问题

公众号生成微信渠道二维码的方法？如何在微信小程序里面添加游戏微信公众号带参数二维码的使用？微信多参数二维码怎么生成？微信订阅号渠道推广带参数二维码如何生成和统计呢？微信公众号参数二维码生成器使用？

热门问题

微信公众号开发之生成并扫描带参数的二维码腾龙国际在线13208839355 微信小程序能不能做微信网页授权，是微信网页授权，不是小程序自带的那个wx.login这个方法的授权；如果可以的话，授权里面的redirect_uri这个字段在小程序的那个地方填写；注意是小程序，不是公众号微信开发者无法上传，出现这个错误，请问要怎么解决？微信服务号推送消息接口开发微信公众平台怎么给关注的人群发消息

小程序功能

抖音小程序什么时候上线? 已有的公众号文章怎么发送到小程序小程序为什么那么多人都在做？用即速应用做的小程序，怎么内嵌到微信公众平台菜单栏？你是不是傻子有没有类似有赞微店商城的无需囤货的货源？

小程序吐槽

抖音小程序什么时候会正式开放？有什么类似龙虾游戏资讯的小游戏推荐公众号吗？你觉得小程序以后的发展怎么样？小程序代理可以做吗？现在小程序正是企业浪潮的风口。做什么类型的小程序表较好呢？有哪些小众的、有趣的、值得推荐的小程序？

A B C D E F G H I J K L M N O P Q R S T U V W X Y Z

案桌手机找不到小程序安卓怎么识别小程序码按出10秒的小程序安卓用户微信小程序安卓手机没有小程序安卓模拟器打不开小程序按揭计算小程序网页版按摩椅微信小程序安卓桌面小程序安卓抓拍小程序 app扫描小程序码安卓模拟器不能玩小程序安卓模拟器可以运行微信小程序吗安卓模拟器使用小程序按键宏小程序按钮抽奖小程序

比赛评分小程序不用网的小程序编写Android小程序难不需要域名怎么测试小程序步数小程序布丁小程序怎么样不要钱小程序步行街微信小程序把照片变卡通的小程序布置作业打卡小程序不锈钢比重计算小程序布客小程序步数换礼品小程序不要服务器端的微信小程序耙货小程序可靠吗不要钱的小程序

长治微信小程序供货商长治微信小程序公司长治小程序公司长治微信小程序上传 c#.net与微信小程序互通超强智商送娃娃审核小程序长治微信小程序建设 c++源小程序怎么找错猜成语微信小程序DEMO c++小程序 c趣味小程序 c语言小程序回复初始成语猜猜看小程序247关答案 c++简单的小程序 c#微信小程序 c语言小程序如何运行两段程序

多选项整人小程序斗小程序地主残局二十关多重选择的小程序调试别人的微信小程序第三方小程序业务域名有什么用调查问卷小测平程序 discuz转微信小程序地图小程序缩小和放大分不清楚调查的小程序夺冠小程序多重比较字母标记法小程序调起微信小程序提现夺冠魔方上架小程序 dedecms小程序接口 dz论坛怎么做成小程序调起小程序方式

二手交易平台小程序二维码头像小程序二维码小程序号二维码可以扫描进小程序吗二维码管理小程序二维码预约小程序二维码小程序系统开发二维码进入微信小程序二月小程序残局37关二维码转到小程序后二手车小程序价格二月份微信小程序斗地主85 二维火小程序二维火外卖小程序二手回收小程序二手房小程序

附近小程序只能展示一个吗富阳微信小程序公司复用微信关联小程序有什么作用复用资质认证小程序收费吗附小程序一周年生态回顾富士小俏印驱动程序非稳态导热问题的公式小程序富文本小程序复morlet小波程序附近优惠小程序码富文本l数据小程序识别服务器微信小程序443端口问题附近小程序找不到我的附近小程序资质复制小程序内容复用资质小程序

高仿苹果小程序能更新苹果系统? 公众号关联小程序无法解绑果木云小程序系统开发国外有没有微信小程序果壳辟谣小程序公众号添加美团外卖小程序个人怎样用小程序赚钱国外的创意小程序个体户小程序对公账户提现公众号怎样加载小程序产品链接个人小程序转公司国外如何发布小程序 getdata小程序国信通中科小程序果酱音乐小程序国外排队小程序

获取新闻小程序获取小程序码返回获取小程序二维码后面的连接获取小程序码page 获取小程序链接获取小程序支付配置有误获取小程序路径获取小程序的链接获取小程序二维码接口错误获取小程序码参数获取小程序实例获取用户地理位置小程序获取小程序二维码返回海盗来了小程序玩家群获取小程序二维码47001 获取小程序授权失败

it桔子小程序 iqzz小程序多少分 iqzz小程序 i小程序手机图片转换word i麦当劳小程序不能用 i麦当劳小程序怎么取餐 iso微信取消小程序的授权 icon标签大小设置?小程序 iphone自带小程序 i图标小程序 i麦当劳小程序领汉堡包 it桔子小程序鲁泽良 ip怎么安装小程序 ios小程序后台 i麦当劳小程序电话 i麦当劳小程序怎么退款

绝地求生吃鸡辅助小程序 jsp连接数据库小程序 JSP不运行JAVA小程序绝地求生压枪小程序鲸打卡小程序如何补打卡小程序即速小程序问答绝地求生小程序在那下载绝地求生yy小程序绝地求生辅助吃鸡小程序 JAVAJ小程序let画布大小即速外卖小程序绑定数据军武次位面小程序安装军旗版2048小程序绝地求生小程序除草军人资历章排列小程序绝对定位在底部小程序

昆明小程序团队昆明小程序会销快站如何接入小程序宽带测速小程序快站apicloud小程序昆山小程序多少钱狂人沈阳小程序昆山小程序邀请昆明小程序开发公司快站能不能接入小程序快站小程序官网昆明商城小程序多少钱昆山小程序会议匡威的小程序怎么进框架小程序匡威中国官方小程序

旅游小程序模板律师小程序推广旅游小程序市场如何旅游小程序图片律师行业小程序开发律师小程序平台律师类小程序绿色健康食品平台小程序滤镜小程序保存图片率土之滨小程序律师小程序模板开发绿化大师施工小程序30 绿叶小程序微店是什么意思? 利用小程序编译模式旅游业如何用小程序拓展业务旅游足迹小程序

没有营业执照办小程序麦当劳小程序自助可以退款吗慕课小程序百度云美团外卖小程序怎么解绑手机号魔兽世界按键精灵小程序要封号美团小程序怎么更换账户慕课网小程序教程视频麦当劳小程序为啥打不开美团小程序活动比app还多美团外卖解除微信小程序绑定没有营业执照注册公众号小程序免费湘少版英语点读小程序麦当劳小程序退款要多久美团小程序如何换绑手机慕课微信小程序视频慕然科技小程序

农业银行小程序女王的新款小程序怎么样女王新款小程序退货能写微信小程序的平板农庄微信公众号小程序挪车小程序苹果版农业机械补贴小程序农历日历小程序弄微信挂件的小程序弄个微信小程序要几钱女程序员超小比基尼农业生态小程序方案弄一个微信小程序要些什么弄一个小程序价格 netbeans怎么运行applet小程序诺亚方舟股票小程序

ota抢占小程序风口 oppo小程序如何安装 oppo手机怎么安装小程序 oppo手机去消小程序 oppor9小程序 oppo界面小程序 oppo手机屏幕程序缩小 oppo有哪几种小程序可用 oppo小程序怎么弄 oppo手机的小程序怎么弄 oppor9s怎样开启小程序 OPPO微信小程序桌面 oppor9s微信有小程序吗欧莱雅小程序旗舰店 oppoR9界面小程序 oppo怎么将程序加入小插件

php小程序对接ERP php接收小程序图片判断h5是否从小程序打开普通二维码跳转到小程序浦发信用卡签到小程序浦发小程序怎么卸载浦发信用卡小程序签到浦发小程序签到没了啊普通二维码怎么生存小程序码苹方字体小程序浦发银行信用卡微信小程序 pc微信怎样跑小程序苹果手机使用微信小程序特别热普通二维码小程序瀑布流小程序源文件存放位置浦发信用卡微信小程序签到

QQ语音红包小程序厼怎么读群享通讯录小程序群邀请统计小程序群统计小程序截图企业小程序打款多少群自动回复小程序企业小程序如何向腾讯小额打款其他组织的小程序群主小程序好用群应用小程序是干什么滴群主如何管理群聊的微信小程序企业小程序转给别人群应用小程序发展速度群印象小程序怎么用求打卡的小程序源代码群友通讯录小程序

如何将微信小程序视频导入电脑软件在微信小程序劣势任务发布小程序若比邻超市小程序软件属于小程序什么类目入驻微信小程序多少钱如何禁止微信小程序的应用润滑油小程序瑞科小程序弱网络小程序让女朋友说出我是猪的小程序入驻小程序的大企业软件测试小程序测试软件工程小程序入驻小程序软件放入微信小程序

索尼z2小程序使小程序重新加载所有赢钱的小程序索尼国行小程序没了索尼小应用程序手机模拟器哪个能开小程序商桥小程序代码获取宿迁微信小程序业务员索尼便签小程序沈阳微信小程序谁家好锁屏小程序宿迁到家小程序索尼z2小应用程序索尼xz1小程序宿州小程序索尼小程序

推荐小程序商城托克托小程序推送文章的小程序推文插入小程序椭圆印花机小程序推文插入小程序的路径推小程序文案推文里如果加入小程序推小程序拖拽小程序推销小程序的话术淘宝客小程序会不会给封号腾讯大王卡微信小程序朋友圈拖拽式开发小程序推送消息到小程序推销微信小程序

unity3d安卓小程序 Ui小程序要切图吗 ui微信小程序集成 ueditor支持小程序 ug自动出bom小程序 UU同学小程序首页视频 udp可靠数据传递的小程序 ug程序可不可以缩小 uni小程序牛刀云 ui设计师怎么弄小程序 unity发布微信小程序 unity开发小程序 u台计算小程序 ubuntu小程序 uu跑腿微信小程序 unity嵌入到微信小程序

vue开发微信小程序? vuenpm微信小程序 vx猜歌小程序101首 vue微信小程序入门 vue打包小程序 vs2013小程序示例 v信小程序跳一跳下戴 v信公众号的小程序 vx小程序是什么 vs2017开发安卓小程序 vx小程序开发 vs控制台小程序 vs小程序heloo vue组件化开发小程序 vue开发支付宝小程序 v程小程序

微信小程序怎么退款申请微信小程序怎么获取data的数据微信注册的小程序怎么解绑微信美团小程序如何注销帐号微信小程序没有合法域名能上线吗微信小程序如何判断数组不为空微擎是用什么小程序开发的微信小程序美团怎么换账号微信小程序客服消息与PC端交互微信群的别人发的小程序怎么删微信小程序退款有什么要求吗微信小程序公众号制作要买域名吗无限弹窗小程序怎么替换图标微信小程序input怎么自动换行微信小程序大概有多少代码微信小程序可以导入jq吗

小程序for循环可以获取索引吗小程序如何判断字符串包含数字小程序业务域名如何配置多个小程序如何让view自动高度小打卡小程序代码怎么写小程序怎么引入css文件小程序怎么判断字符串不等于小程序如何动态判断启动页小程序data的数据有限制吗小程序可以用模拟器玩吗小程序可以引入jquery吗小程序APPID如何更改小打卡小程序如何修改名字小程序怎么引入本地的css 小程序能引用jquery吗小程序提现必须是对公账户吗

英语人教版点读小程序运行环境加载失败14小程序有趣小程序c++ 有趣的c++小程序运行小程序amd四核有哪些有趣的微信小程序抽奖形式运营商降级小程序下载一起玩连线微信小程序运营小程序需要服务器吗有哪些有意思的小程序c++代码运营得最好的小程序一个营业执照可以注册几个小程序运营小程序可以收费吗一个小程序需要什么配置的服务器运势小程序运营一个小程序需要什么人员

座小程序遇到过什么样的问题资料录入查询小程序证件照小程序源码做小程序链接淘宝直线距离小程序c++ 怎样更改微信小程序小店的名称知识问答小程序平台怎么更改美团小程序的手机号怎么删除已关联的小程序怎样删掉“附近小程序”里内容怎么得到源微信小程序代码怎么注销微信小程序开发者做一个优惠券发布小程序智能小程序css如何动态添加样式怎样通过原始ID找到小程序征服喵星小程序的投诉电话

咨询热线

13312967497

扫码添加业务即可随时咨询还可领取小程序推广攻略

✕

业务咨询： 13312967497

扫码咨询

扫码咨询套餐

回到顶部