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

比如一个商品列表页，用户不断上滑加载数据，而每次加载数据时通常都是将获取的新数据和旧数据通过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
})

这样渲染时也会很快。

小程序setData数据量大时，导致卡顿怎么解决相关推荐

我艹，MySQL数据量大时，delete操作无法命中索引。
来自:Java面试那些事儿最近,在脉脉上看到一个楼主提出的问题:MySQL数据量大时,delete操作无法命中索引:并且还附上了相关案例截图. 最终,楼主通过开启MySQL分析优化器追踪,定位到是优 ...
vue + Echarts 填坑记（Echarts数据量大，导致浏览器卡顿）
最近使用vue + Echarts 实现vue项目的数据可视化功能的时候,发现随着组件的增多,组件里Echarts绘图的增多,页面操作越来越卡顿,点击数据比较大的组件时,Echarts绘图渲染页面的速 ...
mysql插入性能_mysql 数据量大时插入和查询性能
现在mysql中有数据33.8w的数据,然后做查询和更新或插入操作,速度很慢,基本100条数据就要1.68s.好慢啊,我要测试一下,到底慢在哪?能不能提高点速度? 参考一篇博文:http://blog ...
el-table 大数据量渲染，页面卡顿的解决方案
原文: el-table大数据量渲染卡顿的解决方案描述: 当el-table的数据有成千上万条,且在同一页全部展示,此时页面渲染的dom太多可能造成页面卡顿原因: 因为数据量过多导致浏览器渲染过多 ...
微信小程序腾讯地图bindregionchange事件导致图标闪烁的解决方法
微信小程序中的腾讯地图,我们讲地图上放置一些图标,如共享单车的位置,如果我们在bindregionchange的函数中写入寻找图标位置的代码,我们启动后,或者移动地图的中心位置后,就会出现图标闪烁的现 ...
微信小程序优化多次跳转后卡顿问题
一.微信小程序多次跳转会产生卡顿的原理通过wx.navigateTo 跳转,都会出现保留当前页面,打开新的页面机制. wx.navigateTo不会将旧页面出栈,会将新页面入栈(栈内元素个数增加,栈 ...
微信小程序使用tensorflow做人脸识别检测卡顿的部分解决思路
1.tf.tidy() 防止内存溢出,特别是在ios上 return tf.tidy(() => {const raw_im = xxxreturn raw_im; }); 2.tf.dispo ...
office2016/2019版本打开时出现卡顿的解决办法
1.解决方法: 将电脑里的打印机设置为虚拟打印机即可,即不要设置为平时使用的打印机设备.具体看下图: 2.过程: 说明:本人电脑华为matebook x pro,8代i5的U+8G内存+512固态,配 ...
echarts 折线图数据太多会导致卡顿_重新定义数据图表，还有比这个更厉害的吗？...
现在很多大厂都有各自的开源项目,有很多已经被用到生产环境中 ,今天分享一个我觉得很有用的开源项目. ECharts 百度开源的项目,一个使用 JavaScript 实现的开源可视化库,可以流畅的运 ...

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

小程序setData数据量大时，导致卡顿怎么解决相关推荐

最新文章

热门文章