小程序用swiper为什么会有卡顿的问题

小程序用swiper为什么会有卡顿的问题,第1张

看了这么多忽悠人的回答,我忍不住了!!这个卡顿可能(我觉得是一定,怕你们喷)是swiper内部数据渲染导致的,如果你们的是如下写法时出现的,那请认真看我的这个说明:1.是瞎虚否在swier-item里是死数据时没出现卡顿,2.当swiper-item的动态渲染,swiper-item下数据变化时卡顿。

解决办法:在data定义一个数组:arr:[]在获取到tab栏类目的时候动态添加对象到arr里,变成:arr[{num:0,content:[]},{num:1,content:[]}...],然后用arr去渲染swiper-item,content为swiper-item内部的数据。每当切换一个蔽神缓新的tab时,拿到tabindex(tabindex为tab栏切换或者滑动改变的值)在arr里找到对应位置,先检测一下对应位置的content是否为空(是否已经存过数据,不过这个在该tab下数据为空时不准确),为空时请求到的数据把它放到对应位置的content里,部分代码如下"

<block wx:for="{{arr}}" wx:for-item="tabItem" wx:for-index="idx" wx:key="idx">

<swiper-item>

<block wx:for="{{tabItem.content}}" >...{{item.name}}....</block>

</swiper-item>

</block>"。content不为空什么都不做。这样就搞定了!!!

原因:这样做了以后,swiper-item只会渲染一次,除了你第一次切换tab时需要加载数据,其他时候都直接切换已经渲染好的swiper-item,就不会出现卡顿现象了,如果你解决了问题,就点赞吧,让更多宏模人看见。。。菜鸟一枚,轻喷。。。

可以先退出微信后台的所有软件,然后再进入微信,重新进入微信小程序

小程序是一种不需要下载安装即皮陆可雹乎使用的应用,它实现了应用“触手可及”的梦想,用户扫一扫或者搜一下即可打开应用。也体现了“用完即走”的理念,用户不用关心是否安装太多应用的问题。

小程序燃肆顷能够实现消息通知、线下扫码、公众号关联等七大功能。其中,通过公众号关联,用户可以实现公众号与小程序之间相互跳转。

后台运行程序多或者手机电量低。

后台运行的应用程序过多时可能会导致系统卡顿。请保持手机电量高于20%:低电量时,为了延长待机时间,应对突发型数情况,并且保护电池使用寿命,系统对手机性能会有一定限制。请定期清理手机扮碰内存,卜缺首避免手机因内存剩余空间不足,导致手机使用时卡顿,建议保持剩余可用存储空间不低于10%。请将微信或手机系统升级至最新版本后尝试:最新版本一般会对一些已知问题进行优化,提升使用体验。


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

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

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

发表评论

登录后才能评论

评论列表(0条)

保存