个人定位
8 年前端开发经验，擅长中后台复杂业务系统的前端架构、实时通信封装与前端工程化基建，能以 Node.js / Prisma 快速完成全栈 MVP 落地。熟练掌握 React / React Native / Vue3 生态与 TypeScript，具备丰富的 UniApp / React Native / 微信小程序跨端经验，并持续将 LangChain / Agent / MCP 等 AI 工程能力应用到实际业务中。
核心优势
01
复杂业务架构
8 年聚焦中后台复杂业务系统的前端架构、实时通信封装、前端工程化基建与 MVP 全栈快速落地，能从规则拆解推进到稳定上线。
02
前端与跨端
React 18 / 19 + Hooks、React Native、Vue3 生态、TypeScript / JavaScript；丰富的 UniApp、React Native、微信小程序跨端经验；ProTable 等高级业务组件沉淀与 Vitest 自动化测试实践。
03
工程化 / 运维
Vite / Webpack 构建与 ESLint + Prettier + Husky 规范保障质量；Monorepo 多包管理（内网 npm 包）、独立 CI / CD 流水线与 Sentry 监控、Docker 容器化部署。
04
团队与交付效率
承担需求拆解、技术方案、代码评审和规范沉淀；善用 AI 提升测试、文档与开发效率，核心架构和业务取舍自主把控。
工作经历
深圳市驰宝科技有限公司
前端开发负责人
- 主导无人机中控管理系统全栈交付（React + Node）：独立搭建前端工程基座、三级布局，路由配置函数式派生菜单 / 标签页 / 权限，三层 RBAC 实现按钮级精细授权。
- 封装实时通信底座（JWT 鉴权 + 指数退避重连 + 卸载自动解绑），设备状态 / 告警由轮询升级为低延迟推送即时上屏。
- BMapGL 航点编辑与围栏绘制，形成"前端画围栏—后端判越界—前端弹告警"闭环；长轨迹分帧回放不卡顿。
- 后端 Express + TS 分层（Controller → Service → Prisma）独立交付 30+ 接口，JWT 双 Token 轮换 + Redis 黑名单管控，全量操作审计日志。
深圳市伊尚智能运动有限公司
2020.04 - 2023.08
前端开发工程师
- 独立负责前端全流程，从 0 到 1 交付 6 套后台管理系统、多款小程序、H5 及企业官网。
- 主导智能健身系统性能优化，首屏加载提升 53%，打包体积减少 40%。
- 设计动态路由 + RBAC 权限方案，实现多角色按钮级权限控制。
- 基于 ECharts / Canvas 开发数据可视化大屏，覆盖业务统计、设备监控等场景。
深圳来鹿信息技术有限公司
2018.09 - 2020.04
前端开发工程师
- 负责前端页面开发与维护，基于 Vue / 小程序生态配合后端完成业务模块交付与接口联调。
- 参与多端项目的前端实现，处理复杂表单与权限路由，在实践中夯实跨端兼容与移动端适配能力。
技能栈
前端主栈
React / React Native · Hooks · Vue3 · Composition API · TypeScript · JavaScript
状态与路由
React：Zustand / Redux · Vue：Pinia / Vuex · 动态路由 · 菜单 / 按钮权限
UI 与样式
Ant Design · React Native 组件 · Element Plus / Vant（Vue）· SCSS · Tailwind / UnoCSS
工程化
Vite · Webpack · 组件库 / 请求层封装 · 性能优化 · 日志分析 · 线上排障
跨端
React Native · Uni-app · 微信小程序 · Taro · H5 · 多端适配 · 分包 · 支付 · 消息订阅
交互与可视化
ECharts · WebGL · Web Worker · 复杂数据展示
后端协作
Node.js / Express / Nest.js · MySQL · MongoDB · Redis
部署运维
Nginx · Docker（基础）· GitLab CI / Jenkins（基础）· 线上排查
工程效率
AI 辅助脚手架、测试、文档与 Code Review · 核心架构与业务取舍自主把控
01
无人机中控管理系统
角色：前端开发负责人 / 全栈
ReactTypeScriptViteAnt DesignEChartsSocket.IOBMapGLExpressPrismaRedis
面向无人机运营服务商的中控平台，统一调度植保喷洒、高楼清洗、消防救援三类作业，覆盖设备监控、任务派发、轨迹回放、作业面积结算与禁飞区合规管控。
- 独立搭建前端工程基座与三级布局；菜单由路由配置函数式派生，单条路由同时驱动菜单 / 标签页 / 权限；三层 RBAC 实现按钮级精细授权。
- 封装实时通信底座（JWT 鉴权 + 指数退避重连 + 卸载自动解绑），设备状态 / 告警由轮询升级为低延迟推送即时上屏；BMapGL 航点编辑与围栏绘制，长轨迹分帧回放不卡顿。
- 后端 Express + TS 分层独立交付 30+ 接口；组件 / Hook 沉淀为可迁移中台基建，前后端类型 0 错误、核心逻辑单测覆盖，可 Docker 独立部署。
React 18TypeScriptIndexedDBWebSocket嵌入式
面向新能源车主与站点的 V2G 充售一体终端。单台嵌入式主机驱动竖屏终端，按业务分区承载零售 / 广告与充放电 / 结算双功能，支持素材远程热更新与插拔枪实时响应。
- 基于 React 18 + TypeScript 组件化设计终端页面，按功能分区承载零售 / 广告与充放电 / 结算，业务状态隔离、互不阻塞。
- 嵌入式内存受限 + 高频 WebSocket 推送场景，统一消息分发 + 节流 + 批量更新，列表 / 轮播虚拟滚动与节点回收保障流畅。
- 素材存入 IndexedDB，前端监听 WebSocket 按版本号增量拉取实时上屏；监听插枪 / 拔枪 / 充放电状态即时驱动界面与费用结算联动，弱网本地缓存兜底。
UniAppuView-UIVue3微信支付
面向无人值守台球 / 棋牌室连锁品牌的预约小程序，用户自助完成选时段、支付、开门全流程，支持半小时粒度跨天预约与 10+ 门店数据严格隔离。
- 基于 UniApp + Vue3 实现预约—支付—开门全链路；设计跨天时段预约系统：每日 48 半小时时段 + 区间占用冲突检测，跨天拆分、取消自动释放。
- 微信支付回调幂等（订单号 + 流水号）+ 异常订单定时核对补偿，上线后未出现重复入账；10+ 门店前端强制携带标识、后端中间件物理隔离，未出现越权。
- 主包体积优化（moment → dayjs、按需引入、分包）控至 2MB 内一次过审。
04
智能柜运营商系统 · 棋牌室模块拆仓
角色：项目负责人
React 19ICE.js@alifd/nextMonorepoCI / CD
原系统为 100+ 页面单体应用，牵一发动全身；棋牌室是迭代最频繁模块，部分客户仅需该模块，不接受整套捆绑交付，造成交付与维护双重负担。
- 主导棋牌室模块拆仓：新仓库重写实现物理解耦（独立入口 / 路由 / 状态），老系统仅留跳转入口。
- 将 12 组件 + 20+ 工具封装为内网 npm 包，新老系统统一引用，公共代码单点维护。
- 搭建独立 CI / CD 流水线与 Sentry 告警绑定责任人，故障隔离，定位从翻日志变为看告警。
React Native 0.85Expo SDK 56React Navigation v7Zustandsocket.io-clientexpo-notificationsaxiosTypeScript 严格模式
无人机运营的飞手作业移动端，与中控系统共享同一后端 API 契约，覆盖任务接单、实时告警、设备监控、租赁下单、培训学习、收益结算等作业全流程。
- 基于 React Native + Expo 从 0 搭建飞手作业端，React Navigation v7 组织底部 Tab + 原生栈，覆盖任务 / 告警 / 设备 / 租赁 / 培训 / 等级 / 收入 / 提现 / 维修 / 认证 / 通知 / 设置等 29 个屏幕。
- axios 客户端：Bearer 注入 + 401 并发刷新队列（refreshing 锁 + pendingQueue 重放，避免并发重复刷新），刷新失败降级为登录过期提示；统一 { code, message, data } 响应解包与错误码处理。
- 封装 Socket.IO 单例（幂等建连、JWT 鉴权、指数退避重连），App 前台实时监听 alert:new / mission:assigned 触发 expo 本地通知；接入 expo-notifications 远程推送并注册 push token 至后端，后台轮询兜底拉取未读，告警与作业消息即时触达飞手。
- 双主题体系（theme.ts 深色 / 浅色跟随系统）+ 自建 ui.tsx 组件库（Card / Badge / Button 等基于 useThemedStyles 主题化），按契约统一消费后端接口，状态机交互与中控端保持一致呈现。
项目成果：形成"中控大屏调度 + 飞手移动作业"完整运营闭环，告警从后台事后查看升级为移动端即时推送；与中控共享同一 API 契约、各端独立部署，累计交付 29+ 移动端屏幕；沉淀可复用基建（axios 刷新队列、Socket 单例、双主题组件库、统一接口消费层）。
感谢阅读
感谢阅读。期待就前端架构、实时通信、全栈交付与 AI 工程化进一步沟通，也期待以稳定交付与持续改进为团队创造长期价值。