Vue.js 开发工程师

5年Vue.js开发工程师，专注企业级前端架构设计与性能优化。擅长Vue3/TypeScript生态、微前端架构及AI协作式研发，具备从0到1搭建高可用前端平台的能力。

负责公司核心B端产品线的前端架构设计与技术演进，带领5人前端团队完成微前端架构升级。 主导微前端架构设计与落地，解决多团队协作与遗留系统迁移问题 搭建企业级组件库与工具链，提升跨项目复用率 引入AI协作式研发工作流，优化代码质量与交付效率 建立前端性能监控体系，核心指标持续优化

企业级低代码平台重构

• 主导公司核心低代码平台从Vue2到Vue3的全面重构，解决大型复杂表单的性能瓶颈与扩展性问题。平台支撑500+企业客户，日均活跃用户数过万。
• Vue3 + Vite + TypeScript + Pinia + Element Plus + 微前端(Qiankun) + Monorepo
• 作为前端技术负责人，负责整体技术方案设计、核心模块开发、团队代码评审及性能优化。使用Claude Code辅助进行组件接口设计与复杂逻辑实现，通过GitHub Copilot生成单元测试与文档。所有AI生成代码均经过本地验证、CI检查与人工审查后合入。
• 技术栈: Vue3 Composition API Vite构建优化 TypeScript类型体操 Pinia状态管理 微前端架构 性能 profiling
• 挑战: AI辅助复杂表单引擎设计: 使用Claude Code分析现有Vue2表单引擎的200+文件依赖关系，设计Vue3兼容的异步组件加载方案。AI辅助生成动态渲染核心逻辑，人工审核后实现表单渲染性能提升60%
• 挑战: 流式数据展示与中断重试: 针对大数据量表格场景，设计基于Web Streams API的流式数据渲染方案，实现加载中断与自动重试机制。前端首屏时间从4.2s降至1.1s
• 挑战: 工具状态可视化界面: 开发AI辅助编程工具状态监控面板，实时展示Claude Code与Copilot的调用状态、代码生成质量指标与人工审核队列，提升团队AI协作透明度
• 挑战: MCP集成与权限边界: 基于Model Context Protocol规范，设计内部AI工具的安全接入层，实现API密钥隔离、调用频率限制与操作审计日志，保障生产环境数据安全

智能客服系统前端建设

• 负责智能客服系统前端部分，集成AI对话能力，实现流式消息展示、引用溯源与人工审核工作流。
• Vue3 + Nuxt3 + WebSocket + SSE + Redis + Docker
• 负责前端架构设计与核心功能开发，重点实现AI对话的流式交互体验与人工审核流程。
• 技术栈: SSE流式传输 WebSocket实时通信 引用溯源UI 人工审核工作流
• 挑战: 流式响应与引用呈现: 实现基于Server-Sent Events的AI流式回复展示，支持实时引用溯源高亮。设计引用验证状态机，确保AI生成内容的可核查性
• 挑战: 人工审核与中断机制: 构建人工审核工作流界面，支持对话中断、重试与回滚操作。审核通过率从人工全检降至30%抽检，效率提升3倍

参与公司电商中台系统开发，负责商家端与运营端前端模块。 负责Vue组件库维护与业务组件开发 参与前端工程化建设，优化构建流程 使用GitHub Copilot辅助日常开发，提升编码效率 配合后端完成接口联调与数据可视化需求

商家数据可视化平台

• 开发商家经营数据可视化平台，支持多维度数据看板与实时报表。
• Vue2 + ECharts + Webpack + Element UI
• 负责数据看板模块开发，使用GitHub Copilot辅助生成图表配置与数据处理逻辑。所有AI建议代码经本地测试与代码审查后采用。
• 技术栈: Vue2组件设计 ECharts图表封装 Webpack性能优化 数据可视化
• 挑战: 图表组件标准化: 封装15+通用ECharts图表组件，统一数据格式与交互行为，图表开发效率提升50%
• 挑战: Webpack构建优化: 分析构建瓶颈，实施代码分割与缓存策略，构建时间从120s降至35s

• 精通Vue3 Composition API与响应式原理，熟练使用&lt
• script setup&gt
• 语法
• 掌握Teleport、Suspense、异步组件等高级特性
• 具备Pinia状态管理架构设计经验，实现模块化的Store拆分与跨模块通信
• 熟悉Vue3源码，能基于源码进行二次开发与性能调优

• 深入TypeScript类型系统，熟练使用泛型、条件类型、模板字面量类型进行类型体操
• 主导Monorepo架构设计与工具链搭建，基于pnpm workspace + Turborepo实现依赖管理与构建优化
• 精通Vite插件开发，实现定制化的构建流程与开发体验提升

• 掌握Qiankun、Module Federation等微前端方案，完成多技术栈遗留系统的渐进式迁移
• 设计微前端通信机制与公共依赖共享策略，解决样式隔离、生命周期管理、性能加载等核心问题
• 具备从单体应用到微前端架构的完整实战经验

• 建立AI辅助编程工作流：使用Claude Code进行复杂需求拆解与架构方案设计，利用GitHub Copilot生成单元测试与API文档
• 掌握Prompt工程与上下文管理，能精准描述需求获取有效代码建议
• 建立AI生成代码的验证流程：本地运行测试、CI自动化检查、代码审查、安全扫描，确保AI产出符合生产标准
• 熟悉MCP协议的安全接入与权限边界控制

• 精通Chrome DevTools Performance与Lighthouse进行性能分析
• 掌握代码分割、懒加载、虚拟滚动、Web Workers等优化手段
• 建立前端性能监控体系，采集FP/FCP/LCP/CLS等核心指标，实现性能回归告警
• 熟悉Sentry等错误监控平台的接入与告警配置

• 主导企业级组件库设计与开发，制定组件设计规范与API标准
• 具备低代码平台前端引擎开发经验，实现组件拖拽、属性配置、事件绑定等核心能力
• 熟悉AST解析与代码生成，能基于Babel实现组件模板的动态编译与渲染

主修课程：数据结构与算法、操作系统、计算机网络、软件工程、Web前端技术、数据库系统

• 校级优秀毕业生，连续三年获得学业奖学金
• ACM程序设计竞赛省级三等奖
• 毕业设计：基于Vue.js的在线教育平台，获优秀毕业论文