微信小程序 > 微信公开课 > 长列表渲染卡顿,(渲染中卡,渲染完不卡)
微信小程序,微信公开课,长列表渲染卡顿,(渲染中卡,渲染完不卡)

长列表渲染卡顿,(渲染中卡,渲染完不卡)

2019-03-15 18:14:57

微信公开课小程序热门讨论关于「长列表渲染卡顿,(渲染中卡,渲染完不卡)」的小程序开发问题
补充:长列表渲染卡顿,(渲染中卡,渲染完不卡)
展开:长列表页,下拉加载,一次加载5条数据,每条数据里有20个商品也就是说,一次展示100个产品下拉加载,触发接口请求,这个时候用户滑动屏幕是卡住的,不能滑动等12秒左右后,数据渲染完,用户再次滑动不会卡顿了ps:接口数据返回的很快,不是接口慢有人说,列表里不要用绝对定位尝试了,没有用有人说,json文件里配置usingComponents尝试了,没用另外,每次渲染数据,都是用旧数据concat新数据,然后把整个数据setData,这样做是不是所有数据都重新渲染了因为当前已加载的数据越多,就会越卡即速小程序:自己做分页吧,个人问题:第一个方案:我觉得还是每次只显示一条数据就够了,因为你每一条数据里都有20个商品,你一次显示5条后面的数据根本不会出现在首屏,你屏幕再大也不可能一次看到100个商品吧,也就是说用户还是要往下滑的,所以你每次只显示一条20商品就行了,用户向下滑再加载第二页的数据第二个方案:每次请求5条数据,但是只渲染一条数据,滑到底部时再渲染下一条数据,等到5条数据都渲染完了再请求下一页的5条数据,然后还是渲染一条数据,由于只渲染一条数据,所以渲染速度是很快的:做下分页试下:100条数据就有明明显卡顿
更多有关「长列表渲染卡顿,(渲染中卡,渲染完不卡)」的讨论可以前往微信公开课小程序参与互动哦!
标签:微信公开课,小程序
微信小程序,微信公开课,长列表渲染卡顿,(渲染中卡,渲染完不卡)

「长列表渲染卡顿,(渲染中卡,渲染完不卡)」热门讨论订阅

方法1:微信扫描微信公开课小程序码即可订阅热门讨论「长列表渲染卡顿,(渲染中卡,渲染完不卡)」

方法2:微信搜索微信公开课小程序名称进入,即可订阅热门讨论「长列表渲染卡顿,(渲染中卡,渲染完不卡)」

方法3:微信网页访问即速商店,长按识别微信公开课小程序码即可订阅热门讨论「长列表渲染卡顿,(渲染中卡,渲染完不卡)」

微信公开课小程序热门讨论「长列表渲染卡顿,(渲染中卡,渲染完不卡)」由微信公开课原创摘录于微信小程序商店shop.jisuapp.cn,转载请注明出处。

微信公开课热门讨论「长列表渲染卡顿,(渲染中卡,渲染完不卡)」由微信公开课开发者向微信用户提供,并对本服务内容、数据资料及其运营行为等真实性、合法性及有效性承担全部责任。