小程序 下拉加载数据量大解决方法

小程序 下拉加载数据量大解决方法,第1张

一般来说,小程序下拉加载数据,用合并数组的方式(concat)然后再setData新的数组,这种方式只是试用数据量小的时候,为什么这么说,因为小程序的setData有一个限制,每次setData数据不能超过1024kb,大家可以想象一下,如果用concat合并产生新数组,并保存新数组为下一次加载的原数组,那么数量大的时候肯定会出现数据的大小超过1024KB的限制,那么这种问题该怎么解决呢,说解决方法的时候先了解下小程序渲染的过程

这可以这样理解小程序已经把数据和视图绑定了起来,众所周知vue是数据双向绑定的,数据改变,视图也会相应的改变,而上面的那段话是不是可以理解为小程序也是双向绑定的,

在vue里修改数据可以写 thisa = b

小程序里修改数据需要  thissetData({"key":value})

那我们是不是可以这样理解在小程序修改数据的时候只是调用setData方法修改了定义中的变量,

跟vue中thisa = b 是一样的性质而只是写法不一样

明白了,这一点,说解决方法。。。

上面说了数据量大的时候不能用concat的原因,那我们这时候该怎么解决,只是我们可以想,既然数据和视图绑定在一起了,我们是不是可以用一个二维数组解决这个问题

大概思路是这样的

1,在data里定义一个空数组,

2,获取下拉数据

3,把获取的数组,thissetData上面定义的数组

例如thissetData({

    [`arr[${b}]`]:resdata

})

这样就避免了setData数据过大而不报错的问题。

这时候数组发生了改变视图也会相应的改变,不过这样可能会出现一个问题,如果加载数据过多的时候视图会出现渲染层失败,

在开发中遇到在wxss中给view标签设置了背景色

但是在界面上拉或者下拉的时候,上拉下来出来原本超出屏幕显示区域的部分,背景色还是白色

在界面对应的json文件中,添加如下配置

backgroundColor 指的窗体背景颜色,而不是页面的背景颜色,即窗体下拉刷新或上拉加载时露出的背景

要在小程序页面设置下拉刷新转圈圈,需要使用wxstartPullDownRefresh()方法触发动画,该方法会返回一个Promise,您可以在它的reslove和reject回调函数里面处理数据或者抛出错误。

关闭QQ的下拉小程序只需要进入QQ界面,然后将其下拉,找到想要关闭的小程序,然后长按住该程序就会d出删除选项的窗口了,选择删除即可关闭完成了。具体 *** 作步骤如下:

1、首先,找到找到手机中的QQ程序,然后点击进入;

2、点击后,会出现登录的界面,然后点击登录;

3、进入QQ首页后,将其下拉,这时候就会出现小程序图标,具体如图所示;

4、这时候,只需要长按住想要关闭的小程序然后选择删除即可关闭QQ的下拉小程序了。

注意事项:

QQ小程序中心关闭小程序后,如果还需要使用可以在qq应用中找到小程序直接打开就可以使用。

以上就是关于小程序 下拉加载数据量大解决方法全部的内容,包括:小程序 下拉加载数据量大解决方法、小程序下拉刷新或上拉加载时背景色、小程序页面下拉刷新转圈圈怎么设置等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/zz/10169133.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-05-06
下一篇2023-05-06

发表评论

登录后才能评论

评论列表(0条)

    保存