前端全链路的深度技术能力:精通 React(含 Hook、Redux Toolkit 生态)、Vue3(Pinia、Vue Router)等主流框架的底层原理与工程化实践,能基于复杂业务场景设计高可复用的组件库与模块化架构,曾主导搭建企业级中后台组件库,将团队页面开发效率提升 40%
项目经历:企业级 SaaS 中后台系统前端架构重构
职位:高级前端工程师(技术负责人)
时间段:2024.03 – 2024.10
项目描述:
负责某大型企业 SaaS 客户管理系统的前端架构全量重构,原系统存在组件复用率低(不足 20%)、页面加载慢(首屏 8s+)、维护成本高等问题。我主导制定了 “模块化 + 组件化” 重构方案:
基于 React18+TypeScript 搭建新架构,设计包含基础 UI、业务组件、工具函数的三层组件库,沉淀 200 + 通用组件,将页面开发复用率提升至 75%;
引入 Vite 替代 Webpack,结合路由懒加载、图片 CDN 压缩、骨架屏预加载等策略,将首屏加载时间从 8.2s 优化至 1.8s,核心页面交互响应速度提升 65%;
落地 Jest+React Testing Library 单元测试体系,覆盖 80% 核心组件,配合 CI/CD 自动化部署流程,将版本迭代周期从 7 天缩短至 3 天,线上 bug 率降低 70%;
同步输出《前端架构规范手册》《组件库使用指南》,组织 5 场内部培训,帮助团队 12 名前端工程师快速适配新架构,项目最终助力客户管理效率提升 40%,获企业年度技术创新项目奖。
| 角色 | 职位 |
| 负责人 | 高级前端工程师 |
| 队员 | 产品经理 |
| 队员 | UI设计师 |
| 队员 | iOS工程师 |
| 队员 | 安卓工程师 |
| 队员 | 前端工程师 |
| 队员 | 后端工程师 |