「重构」准题宝APP
项目周期: 2024.05 – 2025.03
技术栈: React-Native + Java + Kotlin + Swift
角色: 前端负责人(带领 3 名 RN 前端开发 + 2 名原生开发)
背景:
- 原有老平台APP为 Android 原生和 IOS 原生开发,存在性能问题且无法满足新业务需求
- 新功能原生开发周期长
- 业务需求需要支持鸿蒙应用
核心职责与成果:
- 主导技术选型,敲定「React-Native + React Navigation + TS」方案,一套代码同时编译 Android/ iOS/ 鸿蒙三端
- 设计并落地 RN ↔ 原生双向通信框架,封装 5 大核心能力(视频播放、极光推送、友盟统计等)供 RN 统一调用
- 搭建 CI/CD 工程链:ESLint & Prettier 自动检查 → Jenkins一键打包 → 通知内部APK群,平均耗时 < 10 min
- 敏捷迭代管理:1~2 周 Sprint,需求拆分到人/天,周例会评审风险,版本准时交付率 100%
- 性能优化:长列表虚拟化、图片懒加载、卡顿、闪退率由 0.7% 降至 0.09%,优化用户使用体验
基于 Nexus 的npm私有库
项目周期: 2024.05 – 至今
技术栈: Vue + TypeScript + Vite
角色: 前端负责人
背景:
- 20+ 前端项目面临三大核心痛点,内部组件 / 工具函数重复开发,跨团队复用率不足 20%
- 第三方依赖版本混乱,不同项目依赖冲突频发,线上问题占比 15%
核心职责与成果:
- Nexus 架构设计与部署落地,协同运维团队完成 Nexus部署
- Monorepo管理npm包的私库初始化,集成 ESLint 代码规范检测
- CI/CD 无缝集成, 将 Nexus 私有库接入公司现有 Jenkins CI/CD 流程
- 推动各业务线沉淀可复用的组件 / 工具函数,减少重复开发成本,提高开发效率
亮点: 内部包收录 30+、重复开发减少 55%、依赖下载速度提升 60%、私有库可用性 99.9%、全项目接入率 60%。
准题宝微信小程序
项目周期: 2023.05 – 至今
技术栈: Uni-App + Vue3 + TypeScript + Vite + UView
角色: 前端负责人
背景: 准题宝微信小程序为参加职业资格考试的用户,提供课程购买和学习的功能,帮助用户随时随地学习,提升学习效率
核心职责与成果:
- 建立小程序开发规范(代码规范、命名规范、提交规范等),通过 Code Review 提升团队代码质量
- 参与项目架构设计,任务评审等,保障项目按期交付
- 封装小程序通用组件库(UI 组件 + 业务组件),制定组件设计规范,提升代码复用率
- 主导小程序技术难点攻坚,组织团队讨论解决方案,解决线上故障与性能瓶颈
- 负责团队技术培训,培养核心开发人员,提升团队整体效率
- 优化小程序包体积(删除冗余代码、图片压缩、资源懒加载、分包加载、第三方库按需引入)
亮点:
- 设计分包加载策略,将小程序主包体积从 3.2MB 优化至 1.8MB(低于 2MB 阈值),启动速度提升30%
- 封装 50 + 通用业务组件库,覆盖 80% 业务场景,减少重复开发工作量,维护成本降低 40%
- 搭建小程序 CI/CD 自动化部署流程,实现代码提交→自动构建,部署效率提升 75%,人工操作减少90%
- 解决小程序审核驳回问题 10 + 次,优化合规性设计,审核通过率从 70% 提升至 98%,版本上线周期缩短30%
SaaS 教育管理系统
项目周期: 2023.05 – 至今
技术栈: Vue3 + Vben + TypeScript + Vite
角色: 前端负责人
背景: 针对职业教育考试领域 “报名信息审核效率低、题库更新不及时、学习平台单一、成绩查询与证书管理分散” 的行业痛点,系统覆盖考生报名审核、智能题库管理、证书信息归档等核心模块,提升机构管理效率 50%+,考生满意度突破 96%。
核心职责与成果:
- 参与项目架构设计,任务评审,代码规范等,制定迭代计划与交付标准,保障项目按期上线
- 业务落地:负责用户权限,购买课程课程等核心业务模块开发,实现多机构隔离
- 建立 SaaS 教育系统前端开发规范(代码规范、命名规范、接口规范),通过 Code Review、提升团队代码质量
- 封装通用组件库(优惠券组件,商品组件等),制定组件设计规范与,提升代码复用与维护性
- 负责团队技术培训与带教,聚焦 SaaS 多机构、定制化开发等核心技能,提升团队解决复杂业务问题的能力
- 搭建 CI/CD 自动化部署流程,实现代码提交→自动构建部署,部署效率提升 80%,人工操作减少 95%,线上发布零故障
亮点:
- 带领 8 人前端团队,完成 30+ 版本迭代,交付 100+ 核心功能
- 线上可用率 99.9%、bug 修复响应<4 小时、页面加载时间减少30%、代码复用率提升 40%、部署时间缩短 67%
店铺装修平台
项目周期: 2023.05 – 至今
技术栈: Vue3 + TypeScript + Vite
角色: 前端负责人
背景: 该项目支持 APP、PC 和 H5 端基础模板修改、 可视化拖拽、 多端自适应、 组件化配置的店铺装修平台,覆盖 PC 、H5 与 APP等客户端,支撑机构用户零代码自主装修。
核心职责与成果:
- 封装30+ 多端组件和工具库(如商品组件,学习引导组件),并发布到npm私库
- 参与项目架构设计,新组件数据结构设计和评审,任务评审等
亮点: 多端一致性 99.8%、装修效率提升 95%、开发成本降低 60%
SaaS 站点(PC / H5)
项目周期: 2023.05 – 至今(2年+)
技术栈: Vue3 + uni-app + TypeScript + Vite
角色: 前端负责人
背景: 该项目(两个站点)用于渲染SaaS店铺装修平台的店铺装修页面
核心职责与成果:
- 参与产品需求评审,把控项目进度与质量,(JIRA)跟踪任务状态
- PC和H5迭代日常开发,架构设计等
- 解决项目中的阻塞问题,确保项目按时上线
星威养车
项目周期: 2022.05 – 2023.04
技术栈: Vue3 + TypeScript + uni-app + NestJS + Prisma + MySQL
角色: 前端负责人 & 全栈
背景: 在星威养车项目中,负责领导前端开发团队,成功实现货运卡车数字化管理。项目旨在通过记录卡车的行驶里程,实现以养代修的目标,提高车辆的使用寿命和经济性。负责PC端车辆管理和车辆维保单的管理,确保数据的准确性和完整性。开发小程序端,为服务站提供录单和录单报价的功能,提升服务站的运营效率。项目的最终目标是打造卡车的私人医生,通过数据分析和智能维护策略,优化车辆的保养和维护流程。
核心职责与成果:
- PC端维护车辆管理,车辆维保单管理等核心功能开发,
- 小程序端给服务站提供录单,录单报价等功能
亮点:
- 接入纭毅等车队,为其提供车辆维保服务。
- 根据里程生成维保计划,到期前提醒车队预约保养,提高车辆使用寿命。
- 完善服务站录单,报价,审核等一系列系统流程
打车活动页
项目周期: 2019.02 ~ 2021.03
技术栈: Vue3 + TypeScript + Vite
角色: 前端负责人
背景: 该项目为H5活动页,在内嵌在 App 内或者在浏览器打开,通过打车送优惠券的活动,吸引用户注册打车,为 App 端导流。在App 内通过 JsBridge 交互,提供了购买优惠券,行程分享等功能。
核心职责与成果:
- 活动引流新注册用户平均1w+人/次(活动时间:一周)
- 支持 App 内和浏览器购买优惠券等多渠道购买功能
企业打车
项目周期: 2020.07 ~ 2022.03
技术栈: React + Typescript
角色: 前端负责人
背景: 该项目属于ToB项目,跟飞凡等企业合作,为企业员工上下班或者出差,接机等提供打车服务。为企业用户提供了立即打车,预约打车,订单查询等功能。
核心职责与成果:
- 通过和飞凡等公司合作,2020年日均15w单
- 为用户提供了立即打车,预约车辆,预约接机等服务,
- 提供企业/个人订单查询,生成月对账单等功能
中台管理系统
项目周期: 2019.01 ~ 2022.03
技术栈: Vue + Vuex + ElementUI
角色: 前端负责人
背景: 该项目为中台系统,是公司最大管理系统,包括角色,权限,订单,支付,活动配置等功能模块
核心职责与成果:
- 制定开发规范(代码规范 ESLint + Prettier、目录结构、组件命名、接口请求规范)
- 需求评审,架构设计,任务评审等
- 主导开发内部通用组件库(45+ 组件)和工具库(30+ 工具函数,含请求拦截、权限校验),团队开发效率提升 40%
- 搭建 Git Flow 分支管理策略(master/develop/feature/hotfix)
易直投
项目周期: 2017.02 – 2018.06
技术栈: Vue + Vuex + ElementUI
角色: 资深前端开发工程师
背景: 该项目主要对接第三方(如腾讯广点通、今日头条)广告投放平台,专为公司客户打造的大流量投放平台
核心职责与成果:
- 重构项目:php服务端渲染重构为前后端分离
- 对接今日头条 API,实现批量创建广告计划,运营人效提升 3 倍
- 易直投日常迭代开发,修复 bug,优化性能
- 修复广告位投放h5浏览器兼容问题
赢卖通
项目周期: 2016.06 – 2017.12
技术栈: Vue + Vuex + ElementUI
角色: 资深前端开发工程师
背景: 该项目属于苏宁内部广告投放管理平台,主要对接苏宁旗下内部广告位
核心职责与成果:
- 赢卖通业务需求日常迭代开发
- 修复广告位投放h5不同浏览器兼容问题
- 负责投放计划,创意管理,人群灯塔等模块开发