问答文章1 问答文章501 问答文章1001 问答文章1501 问答文章2001 问答文章2501 问答文章3001 问答文章3501 问答文章4001 问答文章4501 问答文章5001 问答文章5501 问答文章6001 问答文章6501 问答文章7001 问答文章7501 问答文章8001 问答文章8501 问答文章9001 问答文章9501

uniappswiper数量过多时卡顿优化方案微信小程序swiper优化

发布网友 发布时间:2023-04-28 22:58

我来回答

1个回答

热心网友 时间:2023-10-31 00:02

swiper数量达到大约400+时候会出现明显滑动卡顿,渲染慢的问题,达到1000+时候需要几十秒时间,或者可能导致渲染失败。

配置 circular="true" 属性开启衔接滑动,即播放到末尾后重新回到开头。然后固定用于展示的swiper-item只设置3个,当滑动时候去替换展示的数据。这种方法可以展示几千万的数据展示都没问题。

//页面源码

1、swiper-item的key一定要设置,并且用 index 。

2、如果只有一张情况,不想让它来回滚动。可以设置 circular ,但是 circular 无法直接动态设置,我们可以使用 computed 来设置

https://gitee.com/xiaoguoyao/uni-app

热心网友 时间:2023-10-31 00:02

swiper数量达到大约400+时候会出现明显滑动卡顿,渲染慢的问题,达到1000+时候需要几十秒时间,或者可能导致渲染失败。

配置 circular="true" 属性开启衔接滑动,即播放到末尾后重新回到开头。然后固定用于展示的swiper-item只设置3个,当滑动时候去替换展示的数据。这种方法可以展示几千万的数据展示都没问题。

//页面源码

1、swiper-item的key一定要设置,并且用 index 。

2、如果只有一张情况,不想让它来回滚动。可以设置 circular ,但是 circular 无法直接动态设置,我们可以使用 computed 来设置

https://gitee.com/xiaoguoyao/uni-app
声明声明:本网页内容为用户发布,旨在传播知识,不代表本网认同其观点,若有侵权等问题请及时与本网联系,我们将在第一时间删除处理。E-MAIL:11247931@qq.com
婴儿不到一岁不吃盐吗 新生儿不能吃盐吗 现在我需要做英语课前展示的ppt ,我不清楚主题是什么 望大家给我建议... 雀巢超启能恩适度水解奶粉(4段) - 全面呵护宝宝成长 水解乳清蛋白(奶粉中的水解乳清蛋白是什么) 雀巢超启能恩适度水解蛋白3段幼儿配方奶粉-详细介绍 11月宝宝怎么加辅食 什么样的辅食适合8个月的宝宝? 八个月宝宝一周的辅食应该怎么安排呢?你们有什么食谱分享呢? 辅食表6-12个月 怀化机动车驾驶证核发条件是什么 在湖南省怀化市摩托车驾驶证注销去哪里办理 2022怀化考摩托车驾照严不严格 怀化如何办理摩托车驾驶证 天龙八部90级内功帽子叫什么 星期天,小红与爸爸在公园划船,他们逆水划行。小红一不小心,戴的太阳帽掉到水里了, 内涵帽子是什么意思 3招教你在股市里稳稳赚钱 脱防护服是内层帽子容易往下掉是为什么 什么叫对倒?对倒有什么用途? 什么是买空交易,什么是卖空交易? 什么是指数什么是补仓什么是出局观望什么是减仓什么是持有 剧毒化学品经营企业应当多久核对 关于Python语言的注释,以下选项中描述错误的是:() 注册资金300万装修公司需要交多少钱 实缴300万实际出资多少 老坛酸菜方便面重回超市货架但老百姓并不买单危机公关到底有多重要 照相馆专用的照片处理软件是什么 碧蓝航线摩尔曼斯克强度 摩尔曼斯克地理位置图 猫认识主人吗?猫老是舔我,舌头粗粗的,舔着舔着就一口咬下去? 猫的舌头为什么那莫粗糙。 为什么猫猫的舌里有粗粗的毛毛??? 关于猫的一些冷知识 这些冷知识你都知道了吗 女人微信名字两个叠字好吗 情人的昵称怎么取 支付宝花花卡是怎么回事 公司实缴怎么办理 见面的话会破防吗? 剑网3指尖江湖防御破防机制测试 深度分析丐帮新手入门进阶到高手的指导 白底飘绿翡翠是什么种 白底飘绿翡翠的介绍 小学四年级作文400字:白走一趟 猜谜语:白走一趟 (打《秋声赋》一句)谜底是什么? 一代宗师 繁体字 宗的繁体字 宗繁体字多少画 win10桌面突然变成这样原来桌面上的图标调不回来了怎么办 化验员资格考试在哪里报名? 粮食化验证怎么考