页面view过多会变卡
发布于 6 年前 作者 chengyan 6955 次浏览 来自 问答

后台通过ueditor编辑的文章，小程序取到的是一段html代码，通过wxparse转换之后在小程序展示，打开页面之后小程序变得特别卡。

10 回复

内容过长，滑动时候触发bindscroll，切换tab不能固定在顶部；点击tab，无法切换到课程目录。返回选课页面，点击课程列表无法进入课程介绍页面。要过一段时间才可以点击进入

请问是在什么环境下呢？开发者工具，iOS还是android？

iphone7，微信版本6.5.14，小程序基础库版本1.4.0

你好，是怎么样会比较卡呢？滑动的时候吗？

线上版，使用iOS访问

页面的bindtap和bindscroll事件都卡，都是需要很长事件才能触发，因为页面只添加的这两种事件，不确定其他事件是否卡顿。

线上版是吗？提供一下小程序名字和具体有问题的页面，我们分析一下。

小程序名称：“好多课+”

页面：首页–> tabbar 选课–> 公众号运营 30天高阶班 点进去

由于当时出现卡顿，课程介绍已经进行删减，现在没有严重的卡顿情况。但是如果课程介绍内容比较长，就会卡。

课程介绍是一段html代码，通过wxParse转换成小程序可以展示。

我这边分析原因如下：

  1. wxParse处理复杂结构时开销过大；

  2. 多次调用setData加重了上述问题。

滑动的时候不卡，但是页面的bindtap事件要点击很久才能触发；点击返回上一页之后，上一个页面也是可以滑动，但是点击事件都不生效。tabBar的切换不受影响。Android，iOS均存在此问题。

回到顶部