XX
前端开发 ｜ 6 年经验 ｜ 期望薪资：面议
手机: XXX-XXXX-XXXX | 邮箱: [email protected] ｜ 工作地点: 杭州 / 上海 / 宁波
GitHub: github.com/tuzixiangs
个人优势
- 主流前端框架深度实践（ Vue / React ）：主导多个大型系统从 0 到 1 搭建与重构，具备复杂状态管理与架构设计经验
- 工程化与性能优化能力：主导 2000+ 文件遗留项目现代化改造，构建速度提升 89%、打包效率提升 72%
- 开源贡献经验：向 Ant Design / Element Plus / VSCode / vue3 等顶级开源库累计合并 10+ PR
- 复杂业务场景落地能力：SaaS / 金融 / 政务均有实践，具备架构与性能优化经验
开源贡献
-
Ant Design （活跃贡献者｜ Button / Tabs / Cascader / Anchor ）：
- 修复：滚动动画并发冲突、Key 重复导致节点复用异常
- 优化：主题 Token 系统、requestAnimationFrame 调度
- 成果：多项 PR 被官方合并（ 6+），提升组件稳定性与主题扩展能力
-
Element Plus （核心组件增强｜ Table / Anchor ）：
- 修复：Table header 插槽 HMR 失效、Filter 响应性缺陷、快速点击卡顿
- 优化：拖拽状态管理、动画取消机制，提高复杂表格场景稳定性
- 成果：组件行为更稳定、交互体验更流畅
-
VSCode / Monaco Editor：
- 修复：独立模式下 PasteAction 因未注册 IProductService 导致的崩溃
- 价值：增强编辑器在外部 Web/App 集成环境下的稳定性
-
vue3 （编译/类型相关贡献）：
- 修复: 在使用基于类型的声明时 defineEmits 的类型缩小问题
- 价值：改进 TypeScript 环境下的 Vue 开发体验与类型准确性
-
canvas-editor （文档引擎相关）：
- 修复：控件销毁时的边界计算错误
- 价值：增强文档编辑器控件操作的稳定性与用户体验
专业技能
- 语言与框架：JavaScript/TypeScript 、Vue 2/3 、React (Hooks)、Angular.js 、UniApp
- 工程化工具：Vite 、Webpack 、Gulp 、Git 、CI/CD
- 专项能力：富文本编辑器、数据可视化、飞书 Open API 集成、性能优化
工作经历
XXXX 有限公司 | 核心前端开发工程师 | 2024.03 – 2025.10
业务背景：负责 SaaS 核心业务迭代、新一代船端管理系统架构搭建及企业效能工具开发。同时统筹维护存量 Vue 2/3 及 UniApp 项目，保障多条业务线稳定迭代。
1. 体系文件填报系统（文档引擎 + 模板配置 + 审批流联动）
- 背景：企业需要支持 Word 在线编辑填报，需要大量自定义控件在文档中排版，同时需与审批流深度结合。
- 任务：负责体系文件填报系统前端核心架构，构建文档引擎、模板引擎及审批联动能力，支撑企业复杂填报场景。
-
核心贡献：
- 构建可配置模板引擎，支持模板、控件、校验规则、字段级权限
- 基于 canvas-editor 深度二开，扩展多种控件类型，支持控件动态校验
- 设计 三大文档模式（设计/填报/预览），实现“模式驱动渲染”
- 实现 自动保存 机制（节流/恢复/版本保护），提升用户填报稳定性
- 与审批流深度整合：文档可根据流程节点自动切换控件状态（可见/只读/必填），实现字段级流程感知
- 支持跨节点数据回填，确保流程链路数据一致性
-
业务价值：
- 审批效率提升 50%+，数据准确率显著提升
- 文档从静态附件升级为流程驱动组件，实现模板配置 → 填报 → 审批的全流程线上化
- 多部门协作成本大幅下降，填报体验显著优化
2. 2000+ 文件遗留系统现代化改造 (Angular.js 1.x + Gulp)
- 背景：老旧系统构建链路复杂，开发冷启动 90s+，CI/CD 频繁 OOM 崩溃。
- 方案：负责 Gulp3 → Gulp4 迁移，重构构建任务体系，引入缓存、并行处理
-
成果：
- 冷启动 90s → 10s （提升 89%）
- 生产构建 3min → 50s （提升 72%）
- 内存 8GB → 1GB （降低 87%）
- CI/CD 稳定率显著提升，彻底解决打包崩溃问题
3. 新一代船务管理系统架构设计 (React + Vite+ TS)
- 背景：原有船务管理系统基于老旧技术栈，代码分散、缺乏复用体系，无法支持快速业务扩展。
- 任务：负责搭建新系统架构，统一团队技术栈，提高业务迭代效率。
-
方案：
- 基于 React + Vite + TypeScript 搭建企业级脚手架 olt-admin ，提供基础的项目结构、组件库、路由配置、状态管理等。
- 设计 动态路由 + RBAC 权限系统 + 按钮级权限指令，实现细粒度权限控制。
- 封装统一的 请求层（ Axios + TanStack Query ），统一处理请求拦截、响应拦截、错误处理等。
- 设计高复用度的 Table / Form / Modal 等业务组件，提供一致的 UI 风格和交互体验。
- 推行统一编码规范：biome + Commitlint
-
成果：
- 新功能交付周期缩短 40%, 组件复用率提升至 70%, 支撑 10+ 子模块 快速上线
- 团队开发效率提升 30%，代码质量得到显著提升
4. 企业效能工具与飞书集成
- 背景：企业多个系统间流程需人工搬运数据，审批链条长、效率低、出错率高。
- 任务：基于飞书 Open API 、飞书工作流、飞书多维表格、飞书项目管理等工具，设计跨系统审批流（集成流/低代码）。
-
方案：
- 利用飞书工作流设计审批流程，实现跨系统数据流转。
- 基于飞书多维表格搭建审批数据存储系统，实现数据的可视化管理。
- 利用飞书项目管理工具，实现项目的任务分配、进度跟踪、问题管理等。
- 成果：审批流程从平均 3 天缩短至 0.5 天，跨部门协作效率提升 80%，减少人工操作 60%
XXXX 有限公司 | 前端开发工程师 | 2022.04 – 2024.03
1. XXXX 金融 App 重构 (UniApp)
- 背景：旧版 App 基于 Angular.js + Ionic ，维护困难、跨端体验差。
-
方案：
- 主导整体迁移到 UniApp （ H5 + 小程序）架构
- 重建项目目录、状态管理、请求封装、修复跨端兼容问题
- 成果：维护成本降低 40%、跨端 UI 一致性显著提升、新功能上线效率提高 30%+
2. XXXX 管理系统优化 (Vue 2 + Element UI)
-
方案：
- 引入 Gzip + CDN 加速、静态资源按需加载、路由懒加载
- 打造 ESLint + Prettier 全流程规范体系、完成 UI 升级与交互统一
- 成果：首屏速度提升 30%、团队代码错误率下降 15%、系统稳定性明显增强
XXXX 有限公司 | 前端开发工程师 | 2020.04 – 2022.03
