setInterval动画,真机调试严重卡顿,请问是否正常?
发布于 7 年前 作者 qiujuan 10189 次浏览 来自 问答

大家好,作为练习,我自己手写了一个类似scroll-view的工具,尝试用wxs动画实现双机放大和惯性滑动这样的功能。

思路是这样的:

  1. 在事件响应中启动setInterval函数,每隔一段时间计算出新的状态值,然后使用setData和渲染层同步

  2. 在wxml里,给标签设置style="top:{{top}} px; ... "的属性,更改样式

目前我设置的帧率是60,在开发者工具上测试没有太大问题,但是真机调试时,卡顿非常明显(不只是延迟,类似“掉帧”掉到每秒两三帧这样…)。资源占用没有看到明显的问题(CPU始终0%,内存<500M,图比较多)。

请问这是时延带来的问题吗?(我现在在国外,测试工具时延大概1000ms+;让国内同学帮看,400ms的延迟也会有严重的卡顿,测试手机分别为华为mate 20和iPhone Xs Max)

还是这个实现过于低效了? (希望各位前辈提出一些建议,谢谢

1 回复

避免大量setData

回到顶部