专业技能
前端框架
React / React Native / Vue 2.0 / Vue 3.0 多框架开发,具备跨技术栈复杂场景落地能力
工程化
熟悉 Webpack、Monorepo 等工程化方案,有多包项目管理经验,具备平台化产品的前端架构设计能力
性能优化
熟悉前端性能优化方法论,具备页面打开性能优化实战经验,涵盖资源加载、渲染链路、RN 架构升级等方向
稳定性建设
有完整的前端稳定性建设经验,包括错误监控、性能监控、页面降级、挂条等容灾机制的设计与落地
AI 辅助开发
熟练使用 Cursor、Claude Code、OpenClaw 等 AI 编程工具,具备 Prompt Engineering 能力,了解 Agent、MCP、Spec-Driven 等 AI 开发范式
全栈能力
具备一年全栈开发经验,掌握 Java 与 MySQL 基础,在 AI 工具辅助下独立完成 10+ 全栈项目任务
工作经历
成都三快科技有限公司(美团)
2023.06 - 至今前端开发工程师 L6
- 负责 PC、APP、H5 页面开发,根据产品需求、UI 设计稿完成前端开发任务
- 掌握前端组件化开发,了解状态管理策略,遵循团队协作规范
- 熟悉 AI 工具,Vibe Coding,利用 Claude Code 实现端到端项目
- 配合 AI 工具,具有一年 Java 全栈经验
项目经历
AISDLC Flow AI 工作流
前端 / 全栈参与 2024.10 - 至今
React
TypeScript
Java Spring Boot
Claude
Qwen
MCP
Multi-Agent
AI 驱动的软件开发全生命周期平台,将 Chat-based 单点 AI 工具升级为 Task-based 可视化多 Agent 协同工作流,落地 Spec-Driven 开发范式,实现从需求定义到代码上线的全流程 AI 闭环。
- 可视化平台建设:从零构建前端工作流平台,将复杂多 Agent 调度逻辑封装为直观 UI,非研发人员通过点击/拖拽即可驱动 AI 完成软件交付,极大降低使用门槛
- Spec-Driven 落地:参与设计 openspec 目录规范,以结构化技术契约作为 AI Agent 唯一输入源,打破「业务提出 → 研发翻译实现」的传统隔离墙
- 多模型集成:集成 Claude + Qwen 双模型,设计智能路由策略,复杂推理用 Claude,高频生成用 Qwen,在质量与成本间取得最优平衡
- Agent Loop 自愈:实现「Plan → Execute → Evaluate → Fix」自动化修复闭环,CI 失败时 Agent 自主读取 Error Log 并修复,配合红蓝对抗机制保障代码质量
星火 App(运营管理端)
项目负责人 / 前端开发 2023.06 - 至今
React Native
TypeScript
H5
Vue
MobX
Redux
负责星火 App 的前端开发与持续迭代,覆盖巡检平台、飞鸽电话、任务中心等 30+ 业务模块。
- 平台化建设:自主设计并落地页面配置化渲染协议,支持多种新业务快速接入,显著降低新业务接入成本
- 稳定性建设:主导稳定性建设,建立监控体系,落地页面降级、挂条等容灾机制,有效保障线上稳定性
- 技术升级:推动技术升级,将存量 H5 页面迁移至 React Native 架构,提升页面性能与用户体验,降低双端维护成本
骑手端(众包/专送)
前端开发 2023.06 - 至今
React Native
TypeScript
负责骑手端核心功能模块的开发与迭代,能够高保真还原产品需求与 UI 设计稿,确保交付质量。
- 主导骑手早会、骑手任务中心等核心模块的从零到一建设,深度参与需求评审、方案设计及上线全流程
- 封装视频/图像上传、桥接口调用异常上报等通用组件,具备良好的组件拆分与抽象能力
烽火台后台管理系统 AI 迁移
前端开发 / 业务负责人 2023.06 - 至今
React
Vue 2/3
TypeScript
Webpack
Monorepo
Claude Code
Multi-Agent
负责骑手运营后台的前端开发,支撑多条业务线的管理侧需求。主导两项 AI 驱动的大规模迁移工程,实现存量页面的自动化转换与业务连续性保障。
- 基于配置驱动方案构建页面结构,减少重复开发,提升多业务模块的交付效率
- 实现多复杂表单功能工程的融合和重构,实现业务平台化诉求
- 参与 Monorepo 工程化建设,规范多包依赖管理与构建流程
banma-migrator — Vue2 → React AI 自动化迁移工具
2025.03 - 2025.05
Claude Code
Multi-Agent
Vue 2
React
TypeScript
FSD 架构
- 全自动迁移流水线:设计并实现 9 步端到端迁移流程,11 个专职 Agent 协同工作,覆盖代码解析 → 逻辑提取 → React 生成 → 测试验证全链路,单页面迁移无需人工介入
- page-logic.json 中间产物:以机器可读的结构化 JSON 作为贯穿全流程的唯一数据契约,彻底解耦 Vue 解析与 React 生成两个阶段,支持断点续跑与局部重试
- FSD 架构落地:生成代码严格遵循 Feature-Sliced Design,逻辑层与 UI 层彻底分离,迁移产物直接符合团队 React 工程规范,零人工整改
- 三层验证闭环:Page-Logic 语义校验 → 链路测试 → 行为等价测试(以旧页面为测试预言机,API 参数对比评分),迁移正确率显著提升
Fero 低代码平台迁移套件
2025.01 - 2025.03
Claude Code
低代码平台
React
AST 解析
- 迁移套件设计:基于 Claude Code 构建 Fero 低代码平台页面迁移套件,将平台导出的 DSL 配置自动转换为标准 React 组件,消除对低代码平台的运行时依赖
- 批量迁移落地:完成烽火台系统内存量 Fero 页面的批量迁移,保障业务连续性,同时将页面纳入统一 Monorepo 工程管理,降低长期维护成本
某通信模拟系统
前端开发组长 2021.07 - 2022.06
Vue
ElementUI
Cesium
jsPlumb
WebSocket
军工通信模拟系统,负责前端架构设计与核心功能开发,实现大规模实时数据可视化与低代码配置平台。
- 三维可视化:基于 Cesium 实现百级基站通联关系与飞机航迹实时渲染,支持二三维切换、多格式地图加载及视频流三维投影
- 实时数据展示:同时展示 8 路以上星座图/频谱图等可视化数据,刷新频率最快 30ms
- 数据回放:实现约 10GB 单次任务的全要素数据回放与倍速快进快退功能
- 低代码平台:基于 jsPlumb 构建设备-控制-数据总线-解译-可视化低代码配置平台,支持拖拽式页面搭建及第三方 DLL 脚本绑定
- 数据帧处理:支持实时数据帧截取、格式转换与告警条件配置
教育经历
电子科技大学
计算机科学与技术
硕士
2020 - 2023北京航空航天大学
飞行器动力工程
本科
2016 - 2020资格证书
大学英语六级