简历

京 A 小程序（2022.04 – 2022.07） ​

项目简介 ​

嘉士伯集团旗下正在运营的会员类小程序，通过会员积分构建私域。项目用 webpack + Taro 构建，后期可能多端发布。

微信小程序搜索：京 A 小程序。

技术栈 ​

Vue 3 / Taro / NutUI / Pinia / Axios / TypeScript / Webpack

个人职责 ​

  • 选型与框架：因后期可能多端发布，选用 Vue 3 + Taro + Webpack + TypeScript；NutUI 做页面布局；Pinia 管理登录、授权和全局共用数据；ESLint + Stylelint 规范代码风格，Husky + commitlint 规范提交。
  • 公共组件库：登录回调 hooks、用户信息回调 hooks、分享封装、授权函数。

技术亮点 ​

  • 登录与并发请求：小程序静默授权，进入即 wx.login + 登录接口拿 token；同时会打多个需要带 token 的接口。基于 Vue onMounted、Taro useDidShow 和 Pinia $subscribe，二次封装登录回调 hooks、用户信息回调 hooks，保证后续请求能带上 token。
  • 分享统一拦截：每个页面都要分享，部分页要自定义，且默认都要带参。基于 Taro useShareAppMessage 二次封装，统一拦截配置，减少重复工作。
  • 点击先授权：基于 Pinia 封装授权函数。按钮点击先走授权，未授权弹窗，已授权再执行原点击逻辑。

项目成果 ​

  • 多端工程基础：搭建可扩展的 Taro + Vue 3 工程并落实代码规范。
  • 公共能力复用：将登录、分享和授权抽成公共 hooks / 函数，减少页面重复逻辑。
  • 请求时序处理：解决页面进入时并发请求与 token 获取时序问题。