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

• 任务：负责政务平台应用开发，需要支持浙政钉、浙里办、数据大屏等多端功能，同时需要考虑跨浏览器、跨设备的兼容性。

• 方案 & 成果：

  • 负责政务平台的功能接入（登录、权限、流程）
  • 完成多类政务数据可视化（地图、图表、自定义大屏布局）
  • 政务平台功能完善，用户满意度提升 30%
  • 数据大屏展示效果显著，用户分析决策效率提升 20%