小程序
小游戏
企业微信
微信支付
扫描小程序码分享
用swiper做滑动答题的页面,数据较大,怎么处理卡顿问题,有做过的大神吗,求教
4 个回答
加粗
标红
插入代码
插入链接
插入图片
上传视频
同问一组5个什么意思?5个swiper-item?
你好,麻烦通过点击下方“反馈信息”按钮,提供出现问题的。
是的,循环
一次出5个?
什么意思,一组5个?
5条循环~~~
想了个解决方案,很平滑。。。然后有微信的坑,再然后自己把坑踩平。。历时两天~~~
请问是怎么解决的呢?
很容易,一组5个的循环
我之前见过Readhub的新闻详情页里,可以无限左右滑(现在改版只有单页了),动态加载到最后再渲染的试过,但是加载进前面的就有问题了,老哥研究过这个吗?
有研究,不要一次加载那么多。加载5条,每滑动一次,以当前的current为中心对数值改变一次,其实也只是改变了最后一个,以及最前面一个。。。我现在做的非常平滑,感觉很好。。。
还是不太明白。我之前尝试过的:比如我现在加载5个,默认索引为2,即在中心。如果向前滑动索引改变为1,那么我再往前加载1个数据的话,刷新后索引为2,然后有个从1-2的切换效果出现,如果是往后滑动加载则没有这个问题。
无解
我解决了。。。
兄弟怎么解决的- =。
我也是左右滑动做题的场景
一次加载五道,滑到到xx%5=0的位置自动拉下面五道
但是有一部分手机做到后面(总题目数量100--120),大概是70 80的位置,左右滑动和点击选项都会看到明显卡顿
还没想到好的解决办法。
我这边的接口是一次取10题,也就是一页,我开始加载3页进去,当我到下一页时,我有async加载下下一页的。。。这样有10题的缓冲时间。
分页我也试了- -。
反正感觉只要页面上存在比较大量的swiper-item 就会有卡顿.. 卡顿机型一般都是一千来块钱的老手机- -。。
总是让客户换手机用小程序感觉尬的要死。。
永远都不可能有大量的swiper-item,最多只有5条,循环的。
关注后,可在微信内接收相应的重要提醒。
请使用微信扫描二维码关注 “微信开放社区” 公众号
同问一组5个什么意思?5个swiper-item?
是的,循环
一次出5个?
什么意思,一组5个?
5条循环~~~
想了个解决方案,很平滑。。。然后有微信的坑,再然后自己把坑踩平。。历时两天~~~
请问是怎么解决的呢?
很容易,一组5个的循环
我之前见过Readhub的新闻详情页里,可以无限左右滑(现在改版只有单页了),动态加载到最后再渲染的试过,但是加载进前面的就有问题了,老哥研究过这个吗?
有研究,不要一次加载那么多。加载5条,每滑动一次,以当前的current为中心对数值改变一次,其实也只是改变了最后一个,以及最前面一个。。。我现在做的非常平滑,感觉很好。。。
还是不太明白。我之前尝试过的:比如我现在加载5个,默认索引为2,即在中心。如果向前滑动索引改变为1,那么我再往前加载1个数据的话,刷新后索引为2,然后有个从1-2的切换效果出现,如果是往后滑动加载则没有这个问题。
无解
我解决了。。。
兄弟怎么解决的- =。
我也是左右滑动做题的场景
一次加载五道,滑到到xx%5=0的位置自动拉下面五道
但是有一部分手机做到后面(总题目数量100--120),大概是70 80的位置,左右滑动和点击选项都会看到明显卡顿
还没想到好的解决办法。
我这边的接口是一次取10题,也就是一页,我开始加载3页进去,当我到下一页时,我有async加载下下一页的。。。这样有10题的缓冲时间。
分页我也试了- -。
反正感觉只要页面上存在比较大量的swiper-item 就会有卡顿.. 卡顿机型一般都是一千来块钱的老手机- -。。
总是让客户换手机用小程序感觉尬的要死。。
永远都不可能有大量的swiper-item,最多只有5条,循环的。