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