项目一:某电商/服务类多端小程序 (UniApp + Vue3)
技术栈: Vue 3, UniApp, Pinia, uView UI, Sass
项目描述:
一款面向 C 端用户的综合性电商平台,覆盖微信小程序、H5 及 App 端。包含首页推荐、商品详情、购物车、订单中心、个人中心及营销活动页。
核心职责:
架构搭建: 基于 Vue 3 + Setup 语法糖 搭建项目骨架,引入 Pinia 替代 Vuex 管理用户信息及购物车状态,代码量减少 30%。
多端适配: 利用 UniApp 条件编译 解决微信小程序与 H5 端的支付接口差异、登录授权流程差异及导航栏样式不一致问题,实现一套代码多端运行。
组件封装: 独立封装 通用搜索栏、无限滚动列表、SKU 选择器 等业务组件,统一 UI 风格,提升团队开发效率 40%。
性能攻坚: 针对小程序包体积限制,实施 静态资源云端化 和 分包策略;优化长列表渲染,使用 recycle-list 或虚拟滚动方案,使 1000+ 数据列表滑动帧率稳定在 55fps+。
网络封装: 二次封装 uni.request,实现全局 拦截器(自动携带 Token、统一错误处理、Loading 状态管理)。