小程序swiper切换闪屏问题

小程序swiper滑动闪屏问题

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

-解决方案:
函数防抖
既然是切换过快,不停调用函数引起的,那就限制函数调用的速度,在不引起卡顿的情况给它减减速。
wxml:
小程序swiper切换闪屏问题_第3张图片

js:
先定义一个切换函数,定义一个为0 次数的变量,因为第一次不用给它做延迟,从第二次开始,就需要做防抖了。
小程序swiper切换闪屏问题_第4张图片


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

你可能感兴趣的:(小程序)