E企盈小程序营销工具技术服务商 热线:4006-838-530

小程序setData数据量大时,导致卡顿怎么解决

E企盈小程序直播系统

比如一个商品列表页,用户不断上滑加载数据,而每次加载数据时通常都是将获取的新数据和旧数据通过concat进行合并在一个数组内,this.setData({              list: this.data.list.concat(newlist)            })这导致数组越来越大,setData渲染时也会越来越慢。改善方法:this.setData({              [‘list[‘ + this.data.list.length + ‘]’]: newlist            });这样只是在list中多添加了一个元素,此时,list的结构是这样的:是一个二维数组,所以在wxml页面循环时要多一层循环。在渲染时不会渲染整个list。同理,假如现在商品列表有个点赞功能,对某个商品点赞后,只要知道商品在list中的下标位置就可以获取到该商品数据,修改后再用setData渲染:var goods = this.data.list[0][0];goods[‘dianzan’]+=1;this.setData({    [‘list[0][0]’]: goods})这样渲染时也会很快。

赞(0) 打赏
未经允许不得转载:E企盈小程序开发-热线:4006-838-530 » 小程序setData数据量大时,导致卡顿怎么解决
分享到: 更多 (0)
E企盈小程序直播营销卖货系统

评论 抢沙发

E企盈小程序开发

联系我们联系我们

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏