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

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

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

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

在vue里修改数据可以写 this.a = b

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

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

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

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

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

大概思路是这样的

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

2,获取下拉数据

3,把获取的数组,this.setData上面定义的数组

例如this.setData({

    [`arr[${b}]`]:res.data

})

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

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

设置。

1、首先配置小程序resizeable的参数设置为true, 这样 *** 作可以在电脑端打开一个较大的横向窗口显示。

2、其次屏幕大小是1024乘以768的,再按下全屏按钮。

3、最后便可实现微信小程序在电脑端的全屏模式。

程序员是从事程序开发和程序编码的人员。现在是互联网时代,程序员已经是必不可少的公司人才。世界上第一位程序员是埃达·洛夫莱斯。日常工作是根据项目的要求编写程序代码,修复出现的漏洞。这类职业的工作从业者经常要熬夜加班,会导致身体不健康,甚至脱发秃头。程序员节是就是为了关爱程序员的健康,拒绝加班所设定的节日,也是向程序员工作者致敬。从2015年开始的每年10月24日都是中国程序员节,在国际上的程序员节是每年的第256天。程序员节日的选定最初是由传智播客倡议成立的,因为1024是2的十次方,二进制计数的基本计量单位之一,另外一种说法1G等于1024M,所以选定这天当做程序节日。而且是公历10月24日,往后都不会有变化。让我们看下往年程序员节日他们怎么度过的吧!

2017年程序员节日

2017年程序员节日传智播客发起公益骑行活动,在17座城市,集结了500名的程序员。骑行活动能帮助程序员走出办公室,锻炼身体健康,提高免疫力,是一个非常好的活动项目,也展现了程序员的热情,当晚八点有一场全网直播属于程序员的狂欢夜晚会,主题为《1024,helloworld狂欢夜》

2018年程序员节日

2018年10月18日程序员节日就拉开帷幕,小程序上线答题即可抽奖,获得丰富的礼品。10月23日在中关村为程序员派发节日福利。橙子是程序员节日的食物,当天传智播客联合中关村发起了“程心橙意,感谢你! ”的活动。在其他城市进行送橙子和祝福的快闪活动。也有一个吉祥物播仔。

2019年程序员节日

2019年10月24日当天联合多家互联网企业准备了伴手礼送程序员,包含有个性贴纸,定制橙子等物品,盒子也是程序员的专属标志。举办了一场“无bug集市”吃喝玩乐学各方面都有,所谓是一场狂欢。

你也是程序员吗?或者你是什么职业的人员?也想有自己的节日吗?


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

原文地址: http://outofmemory.cn/yw/11500308.html

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

发表评论

登录后才能评论

评论列表(0条)

保存