小程序swiper切换闪屏问题

本文探讨了在小程序开发中遇到的swiper组件在快速切换时出现的闪屏问题。通过官方文档了解到该问题,并在真机上复现。为了解决这个问题,作者采用了函数防抖的技术,限制了函数调用的频率,以此减轻闪烁现象。然而,这种方法仅略微改善了问题,仍存在闪屏情况。作者期待与读者分享更好的解决方案或已有的成功案例。
部署运行你感兴趣的模型镜像

小程序swiper滑动闪屏问题

在小程序开发过程中使用swiper做轮播图,发现当用户切换图片过快时会出现异常的闪屏现象,官方文档
中描述了这个Bug & Tip:
api
在电脑上测试的时候没有问题,但是在真机上会出现这种情况,当然一般用户不会切换那么快,我们还是要考虑如何避免这种会导致小程序崩溃的问题。项目中的swiper效果:
这里写图片描述

-解决方案:
函数防抖
既然是切换过快,不停调用函数引起的,那就限制函数调用的速度,在不引起卡顿的情况给它减减速。
wxml:
这里写图片描述

js:
先定义一个切换函数,定义一个为0 次数的变量,因为第一次不用给它做延迟,从第二次开始,就需要做防抖了。
这里写图片描述


经过测试,效果只是比原来改善了一点,还是会出现闪的情况。这只是临时的折中替代方案而已,文章有哪里写错了或者写的不好请多多指教。如果大家有更佳的解决方案或者已经解决了上述问题,欢迎一起交流!

您可能感兴趣的与本文相关的镜像

Stable-Diffusion-3.5

Stable-Diffusion-3.5

图片生成
Stable-Diffusion

Stable Diffusion 3.5 (SD 3.5) 是由 Stability AI 推出的新一代文本到图像生成模型,相比 3.0 版本,它提升了图像质量、运行速度和硬件效率

评论 6
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值