小程序端高性能虚拟滚动列表

基本信息

案例ID:196996

技术顾问: - 7年经验 - 有赞科技有限公司

联系沟通

微信扫码,建群沟通

项目名称:小程序端高性能虚拟滚动列表

所属行业:生活消费 - 外卖

->查看更多案例

案例介绍

参考饿了么、KFC、叮咚买菜等小程序商品列表,设计了两套支持二级分组方案,开发demo快速试错,选择效果更好得方案;通过数据拉取,分析出96%的门店商家商品总数在1000以下,确定优化目标重点是大幅提升这部分商家的体验。
基于scrollView和IntersectionObserver实现了一套支持分组标题吸顶、二级分组、锚定指定分组或商品的虚拟滑动列表。
分组与商品渲染逻辑分离,分组维度监听器负责接口请求和分组高亮;商品维度监听器负责商品渲染。大幅提高性能优化操作空间。
基于商品总数制定不同渲染规则和回收策略,让商品总数越少的商家体验越好,并最大程度的优化由商品高度自适应导致的分组切换时的抖动问题。

相似案例推荐

其他人才的相似案例推荐

  • 食品管理配置系统

    食品管理配置系统

    管理员在后台进行食品类型及库存维护,客户可以在小程序下单,配

  • 宏状元点餐小程序

    宏状元点餐小程序

    奥琦玮点餐小程序覆盖了全国17万家餐饮门店,当然我们并不是去

  • 木屋外卖

    木屋外卖

    奥琦玮点餐小程序覆盖了全国17万家餐饮门店,当然我们并不是去

  • 及达外卖(个人项目)

    及达外卖(个人项目)

    及达外卖(个人项目) 担任角色:前端 项目描述:该项目是

  • 闪时送小程序

    闪时送小程序

    闪时送致力于服务行业,为餐饮、水果生鲜、快销品等各类型商家提

  • 闪时送app

    闪时送app

    闪时送致力于服务行业,为餐饮、水果生鲜、快销品等各类型商家提

  • 大唐智讯商城

    大唐智讯商城

    1.首页 个人中心 留言建议 公告 人脸采集

  • 外卖系统

    外卖系统

    基于 Spring Boot 的外卖系统是一个在线点餐和配送

  • 自动售货机小程序

    自动售货机小程序

    全栈开发,页面使用小程序专有的框架进行开发,语法和vue类似

  • 模拟外卖平台APP

    模拟外卖平台APP

    用户注册和登录:用户可以通过手机号码或社交媒体账号进行注册和

  • xxx智慧餐厅项目

    xxx智慧餐厅项目

    背景:实现餐厅的物资管控,进行数据可视管理成本(销存系统)

  • 蜂骑快送

    蜂骑快送

    蜂骑快送是一个专业的跑腿服务App,专人直送,24小时同城配

发布任务

企业点击发布任务,工程师会在任务下报名,招聘专员也会在1小时内与您联系,1小时内精准确定人才

微信接收人才推送

关注猿急送微信平台,接收实时人才推送

接收人才推送
联系需求方端客服
联系需求方端客服