探索、思考、创造、分享

数据驱动、坚持为客户提供有价值的服务和内容

当前位置：首页>小程序资讯
uniapp/小程序 swiper组件无限数据滚动
来源：南京小程序开发 发布时间：2023-08-20点击：108

最近开发的一个小程序中涉及一个答题页面，打算使用小程序的swiper组件开发，题目可能数量过多，使用swiper一次性加载会造成卡顿，于是进行了一些优化

解决思路：页面只展示3个swiper-item组件（小程序视频轮播插件受到的启发），每次轮播变化，都截取总数据里面的3条进行展示

观察规律：画了个简单草图，大家可以看下，每次轮播索引变化后，计算出当前索引、前一个索引值、后一个索引值，以及分别对应到数据列表上的索引和值

代码实现

  • 上一篇：小程序滚动事件（小程序滚动事件共享）
  • 下一篇：uniapp微信小程序之轮播图效果
    • 版权备注
    最新资讯
    2023-09-22
    个人微信小程序怎么上线使用
    微信小程序 如何申请？我们先了解下小程序开发的步骤流程：第一步，申请小程序账号并认证第二步，开通微信···
    2023-09-22
    电脑登陆微信小程序打不开已经是最新版本
    mac版微信小程序工具打不开微信缓存太多。手机缓存就是数据交换的缓冲区。手机缓存可通过手机管家进行清···
    2023-09-22
    小程序内容怎么打印
    老师在微信发来孩子作业，用打印机怎么操作才可以打印出来？Ⅴ信发来的文档、作业，不是看打印机怎么操作才···
    2023-09-22
    微信电脑版打开小程序黑屏怎么办
    微信电脑客户端打开后黑屏不能动把它卸载了，然后用你的优化软件清理下系统缓存垃圾、注册列表，然后去官网···
    2023-09-22
    微信小程序手机号快速验证组件升级，8 月 26 日起向开发者收费，这一组件能给用户使用带来哪些便利？
    在这里插入图片描述收费说明付费使用在这里插入图片描述手机号快速验证组件
    随机资讯
    2023-08-26
    微信小程序购买美团骑行卡月卡，付款后，用10几天后美团要实名验证然后骑行卡就没了
    首页>详情 微信小程序购买美团骑行卡月卡，付款后，用10几天后美团要实名验证然后骑行卡就没了 发布于···
    2023-08-13
    关于微信小店小程序如何开
    最近小程序越来越火了，紧跟着微店、微商城也纷纷冒头，很多商家开始在微信上开店。接下来简单说一下微信小···
    2023-09-20
    沈阳专业小程序软件开发
    说说沈阳选择哪家软件开发公司好吧？要开发小程序呢。唐朝网络，知名的一家网络公司，其中小程序开发的服务···
    2023-09-20
    微信小程序羊了个羊过关脚本
    羊了个羊过关脚本怎么用？很多玩家通不过关卡，想要使用脚本但是却不知道怎么用，接下来就由小编来为大家介···
    2023-08-13
    微信小程序怎么打开 微信小程序入口在哪里
    微信小程序已正式启动，想知道微信小程序入口在哪里吗，微信小程序怎么打开在哪里打开怎么进去呢，有此疑问···
    友情链接： 南京网站建设 南京小程序开发 北京网站建设 网站仿制 深圳小程序开发