swiper组件数据加载慢怎么办?

小程序 文章 2021-03-09 11:21 1118 0 全屏看文

AI助手支持GPT4.0

swiper组件数据加载慢怎么办?What should I do if swiper component data is slow to load?

swiper组件数据加载慢怎么办?

用swiper在页面上渲染数据非常慢,数组长度75就渲染的很慢,求教有没有办法优化体验

It's very slow to render data on the page with swiper, and it's very slow to render when the array length is 75. Is there any way to optimize the experience

回答:

Brother斌🎈:

好家伙 swiper居然一次性渲染75条

给你个方案,创建一个listCopy数组,里面设置和list一样的数量的空字符串对象数组,比如['','','','',....]

然后一开始给数组前两个值赋值,比如listCopy[0]=list[0];listCopy[1]=list[1]

然后在swiperChange里面,每次change的时候删掉一个listCopy已经显示的值,再加上一个未显示的值,比如第一次change删掉listCopy[0],再使listCopy[2]=list[2];

这样能始终保持swiper只渲染两条数据,当然可以不止2条,4、5、6条都可以,wx:for也要改成循环listCopy

微盟:

使用懒加载的方式进行优化

卢霄霄:

有点多。。如果没有一次滑一片的需求的话,可以只渲染3个,然后每次滚动都去设置列表和当前项

-EOF-

AI助手支持GPT4.0


国内超级便宜服务器

摸鱼人热门新闻聚合

钻级赞助商 我要加入

开发者在线工具

第三方支付技术请加QQ群

相关文章
昨天更新最新版工具后,多保存几次页面就变成空白页了,什么情况?
求助:怎么实现点击小图片或文字,打开网络图片或网络视频?(图文超链接)
请大佬-优先解决,IOS为你中h5页面 右上角无操作按钮,深度怀疑公众号授权出问题了
微信小程序海外版可以支持第三方支付吗?
请问在云函数中,不同用户发请求调用同一个接口的话,服务端接收到的UA和IP会是相同的吗?
随便看看
线上防疫题库正确答案 2932
线上防疫题库正确答案(多选题) 4825
微信设置不可以使用小程序(游戏小程序) 5634
adsense申请已经支付的订单回退的网址 3212
BT面板查看网站入口、账号密码的命令 6008
ucloud海外服务器超级优惠券 3274
根据您的消费情况,您的延停权益已发生变化,变更后的延停权益为延停额度20.00元 5831
为什么我们喜欢迈克尔杰克逊。 4164
阿里云com、cn域名续费优惠码(2020年5月可用) 3586
阿里云com、cn域名续费优惠码(2020年6月可用) 3606