上海茅台e购商城（小程序端、PC端）
案例介绍
技术选型：Vue3、Echarts、Pinia、Element-Plus、Vite、Echarts、原生微信小程序语法、vant-weapp
工作内容：
1. 负责项目从0到1的搭建、开发、上线，涵盖前端、Eslint/Commitlint等开发规范约束。
2. 实现对不同大小的屏幕/设备的良好适配以及针对小屏幕设备有不同的布局以及兼容。
3. 封装通用组件、如Echarts图表相关hooks的封装，提高如折柱混合图、图表详情弹窗的代码复用性。
4. 扫码识别邀请码、审批会员、会员权限控制、商品管理等功能开发。
项目成果：
1.项目打包上线时的性能优化。
2. 当数据量很多会造成页面卡顿，页面一直滚动加载数据或者直接加载大量数据，导致渲染性能低下。
3. 通过无限滚动加载虚拟列表解决大数量问题（页面加载15s，优化至200ms），并且优化页面白屏，并设置防抖防止用户快速滚动页面造成卡顿，大幅提升用户体验。
上海茅台e购商城（小程序端、PC端）
案例介绍
项目描述：提供基于多个平台的线上预约购酒商城服务、大屏数据展示分析。
技术选型：Vue3、Echarts、Pinia、Element-Plus、Vite、Echarts、原生微信小程序语法、vant-weapp
工作内容：
1. 负责项目从0到1的搭建、开发、上线，涵盖前端、Eslint/Commitlint等开发规范约束。
2. 实现对不同大小的屏幕/设备的良好适配以及针对小屏幕设备有不同的布局以及兼容。
3. 封装通用组件、如Echarts图表相关hooks的封装，提高如折柱混合图、图表详情弹窗的代码复用性。
4. 扫码识别邀请码、审批会员、会员权限控制、商品管理等功能开发。
项目成果：
1.项目打包上线时的性能优化。
2. 当数据量很多会造成页面卡顿，页面一直滚动加载数据或者直接加载大量数据，导致渲染性能低下。
3. 通过无限滚动加载虚拟列表解决大数量问题（页面加载15s，优化至200ms），并且优化页面白屏，并设置防抖防止用户快速滚动页面造成卡顿，大幅提升用户体验。
案例图片
相似案例推荐
-
云枢AI智能服务平台
云枢AI是一个集成多元AI能力与多媒体处理的云端服务平台，为
-
云枢AI智能服务平台
名称：云枢AI智能服务平台 • 行业：互联网/人工智能
-
自助共享充电宝全栈管理系统
1.用户端小程序：支持微信扫码免押租借、就近机柜定位导航、实
-
果粉安心充
1. 扫码即用，免押金租借 • 微信/支付宝扫码自动授权，
-
自动化测试平台
该平台是一个面向测试与开发人员的一站式自动化测试解决方案，采
-
接口自动化测试框架
一、框架整体定位 项目名称：star_api_auto（星
1小时精推人才
需求方专属客服，免费梳理匹配
