1. 考试服务公众号|独立负责|2019.09-2021.05
项目背景:北外考生综合服务公众号,提供成绩查询、证书寄送、考点导航、成绩复议等服务 技术栈:React + TypeScript + MobX + ECharts + 核心工作
1.从零搭建项目框架,统一代码规范,封装微信授权、路由、参数解析等全局公共方法;
2.MobX 管理全局状态,本地存储持久化登录信息;ECharts 实现多维度成绩可视化数据展示;
3.独立开发勘误、证书申请、成绩复议等核心业务模块,对接后端接口完成全流程联调。 项目成果:支撑上万名考生使用,首屏加载速度优化至 300ms 内,线上稳定运行无重大故障。
2. E PLUS 英语体验课小程序|前端负责人|2021.05-2022.03
项目背景:面向家长的课程报名、团购裂变小程序,用于收集意向客户线索 技术栈:Taro + React + 微信原生 API + Canvas 核心工作
1.搭建小程序基础架构,封装弹窗、导航栏、表单等通用 UI 组件;
2.封装图片上传、裂变海报生成、二维码解析等工具函数,Canvas 实现自动生成分享海报;
3.拆分业务模块,统筹接口联调,按期完成上线交付。 项目成果:裂变海报生成速度优化至 200ms 以内,持续为业务沉淀有效意向学员数据。
3. E PLUS 英语入学测评系统|核心开发|2021.05-2022.03
项目背景:线上英语分班测评系统,支持多种题型、限时答题、AI 发音打分 技术栈:React + TS + Ant Design + 驰声语音 SDK + Web Audio 核心工作
1.TypeScript 全项目开发,封装单选、拼写、简答等复用题型组件;
2.使用媒体查询 + 栅格系统完成 PC / 平板 / 手机三端自适应;
3.集成录音与语音评测 SDK,实时展示发音评分;本地存储缓存答题进度,防止刷新丢失数据。 项目成果:覆盖数十家线下校区,语音评分接口成功率 99%;统一多端适配方案减少 30% 重复开发工作量。
4. WayPal 客户端内嵌系统(学生 / 教师双端)|前端开发|2018.05-2019.09
项目背景:PC 英语学习客户端内嵌管理页面,区分学生预习复习、教师课程管理两大终端 技术栈:Vue2 + Element UI + Vuex + Axios 核心工作
1.Vue 搭建双端页面,通过路由导航守卫实现登录校验与权限拦截;
2.分层封装 Axios 请求库,统一处理 Token、401 过期、业务异常;Vuex 管理跨页面全局状态;
3.统一封装第三方接口调用逻辑,标准化参数与返回值。 项目成果:接口调用业务代码减少 30%,Token 过期自动跳转登录,大幅提升用户使用体验。
5. Fungogo 代理商后台管理系统|前端开发|2022.10-2023.08
项目背景:多代理商权限管理后台,包含订单、财务、充值、用户、角色权限配置模块 技术栈:Vue2 + Element UI + Vuex + Axios 核心工作
1.搭建后台基础框架,根据后端权限数据动态生成菜单、按钮级路由;
2.二次封装通用 Table 表格组件,支持自定义列、分页、操作插槽,覆盖 80% 列表页面;
3.统一管理所有业务接口,全局维护用户权限状态。 项目成果:通用表格组件减少 50% 列表重复代码;动态权限架构支持快速新增代理商角色,无需前端重新发版。