历史简历v1.5

应聘岗位：高级 / 专家前端开发工程师｜方向：C 端复杂产品、B 端企业系统、前端基建

个人资料

姓名：朱丹｜性别：男｜ 出生年月：1995年8月（30 岁）
毕业院校：成都理工大学｜专业：通信工程｜学历：本科
手机：15680717059 ｜邮箱：yobaci@163.com

个人简介

我有 8 年前端开发经验，做过的方向比较广，从 Vue / React、小程序，到 Electron 桌面端，再到 GIS 地图可视化和 Phaser.js 游戏开发都有涉及。参与过气象、医疗、工业等多个行业的项目，因此比较习惯在业务复杂的场景下梳理架构和工程化方案。

我擅长将多端、多技术整合在一起，比如用 Monorepo 统一多个应用的开发流程，也做过硬件串口集成等工作。之前带过前端团队，负责技术选型和标准化建设，同时保持动手习惯，喜欢写博客和维护开源 npm 工具包。最近积极使用 AI 编码助手（Claude Code、GitHub Copilot、Cursor）辅助日常开发，包括代码生成、重构优化、文档撰写与流程自动化，持续探索将 AI 工具融入前端工程化建设。

核心技能

核心框架：Vue 2/3（响应式原理、Composition API、Vue Router、Vuex / Pinia）、React（Hooks、Redux、React Router、React Native）、Next.js、Nest.js
语言基础：JavaScript (ES6+)、TypeScript、HTML5、CSS3、Sass / Less、Node.js
跨端开发：uni-app、Taro、微信 / 支付宝 / 抖音小程序、Electron 桌面端
工程化：Vite、Webpack、Rollup、Babel（插件开发）、pnpm、Monorepo、ESLint、Prettier、Husky、lint-staged、Commitlint、GitHub Actions、CI/CD、Docker
测试：Vitest（单元测试）、Cypress（E2E）
可视化与游戏：Phaser.js、Pixi.js、Leaflet、Cesium（三维地形）、OpenLayers、D3.js、ECharts、WebGL、Canvas、GeoServer、WebWorker
状态 / 数据层：Pinia、Vuex、Redux、Zustand、React Query、Vue Query
UI 库：Vuetify、Element-Plus、TailwindCSS
实时通信：WebSocket、Socket.IO、MQTT、Agora（实时音视频）
硬件集成：SerialPort 串口通信、Koffi（C 动态库调用）、NFC / IC 卡、蓝牙、商米设备
后端能力：Nest.js、Koa、Next.js 全栈、REST API 设计
AI 辅助开发：Claude Code、GitHub Copilot、Cursor

工作经历

高级前端开发 | 比齐诺（昆明）商贸有限公司 | 2025年6月至今

游戏平台工程化建设：主导游戏平台 Monorepo 架构设计，统一管理 20+ 款游戏包 独立构建与部署，通过共享核心库统一公共逻辑和 UI 组件，全量构建时间从 5 分钟缩短至 2 分钟（提升 60%）。
前后端全栈协作：参与 Nest.js 后端接口设计与开发，覆盖第三方登录、用户数据等核心模块。
实时互动系统：基于 Agora + WebSocket 搭建直播 / 聊天 / 打赏全链路，支撑 500+ 玩家在线互动。
内部工具链建设：自研精灵图合并、动画 JSON 生成、图片压缩等开发工具，团队广泛复用。
团队能力提升与问题攻坚：在 8 人开发团队 中定期组织技术分享与培训，带领前端攻克游戏动画优化、性能瓶颈排查等复杂问题，推动团队经验沉淀。

前端技术经理 | 云南灵创科技发展有限公司 | 2023年7月至 2025年6月

团队管理与建设：带领 3 人前端团队，统筹完成医疗随访、工业 ERP、IoT 托育 3 个跨行业项目，推动 ESLint 代码规范与 CI/CD 流水线（含小程序自动打包）落地，显著降低线上 Bug 率、提升组件复用率与交付效率。
技术攻坚与架构设计：负责项目整体技术选型与架构规划，攻克跨端小程序开发、硬件集成以及串口/NFC/IC卡接入等技术难题，保障项目顺利实施。
需求分析与交付：深入参与项目需求评估与功能设计，协调产品、后端及客户，实现复杂项目的按期交付与稳定运行。
合作伙伴协调：作为技术代表对接合作伙伴和客户，统筹技术资源，确保项目技术方案落地并可持续优化。

高级前端开发工程师 | 云南格点气象科技有限公司 | 2020年5月至 2023年6月

气象与地理信息可视化：构建气象与地震预警服务体系，实现风场流线、等值线、色斑图等专业可视化，同时处理地震相关信息，为防灾减灾和应急决策提供数据支持。
大规模数据处理与优化：开发空间数据处理模块，通过 WebWorker 异步计算 + Canvas 分块渲染，稳定支撑 100W+ 气象与地震格点数据秒级展示，交互响应流畅。
专业服务平台维护：负责昆明市专业技术人才公共服务平台的维护与迭代，优化用户体验和系统性能，保障日常业务顺畅运行。

前端开发工程师 | 云南赶马网络有限公司 | 2019年7月至 2020年4月

商城多端开发：负责商城网页端与小程序端功能开发、日常维护及营销活动页面落地。
基础设施建设：封装表单 / 列表 / 轮播等通用组件库，优化 API 请求与数据缓存策略，提升多项目复用度与前后端协作效率。

前端开发工程师 | 成都蓝橙互动科技有限公司 | 2018年7月至 2019年7月

微信 H5 游戏与小程序开发：独立交付多款 H5 小游戏（答题 / 抽奖 / 表单类）及医疗答题类小程序，覆盖前端交互、数据处理与上线全流程。
游戏组件库建设：沉淀抽奖器、排行榜、动画发布工具等通用插件，结合主题布局与屏幕适配方案被后续多个项目复用。

近期项目经验

Spinman 游戏平台开发 | 2025年6月至今

项目描述： 面向第三方客户的 Web 游戏平台，采用 Monorepo 架构管理多款独立游戏包，各游戏可独立构建部署；集成实时直播和即时通讯功能，为玩家提供沉浸式互动体验。

技术栈：
Vue3 + Vite + Vuetify + TypeScript + Phaser.js + Pixi.js + Pinia + Socket + Agora + Nest.js + Monorepo + pnpm

工作内容：

设计并搭建 Monorepo 多游戏包架构，各游戏包独立开发构建，共享核心渲染引擎与公共 UI 组件，支撑多款游戏并行迭代。
参与 Nest.js 后端接口设计与开发，确保前后端数据交互稳定高效。
集成 Agora 构建游戏内实时直播模块，结合 WebSocket 实现玩家即时通讯和互动功能。
深入优化 Vue3 周边插件及游戏框架，提升整体系统性能与可维护性。
定期组织团队技术分享和培训，分析游戏开发经验与前端优化技巧，带领团队解决复杂问题，如动画渲染及性能瓶颈。

工作业绩：

支撑 20+ 款游戏并行迭代向 3 个第三方客户端交付，Monorepo 全量构建时间由 5min 优化至 2min。
平台稳定服务 500+ 玩家 实时互动，覆盖直播、聊天、打赏与活动参与全链路。
自研精灵图合并、动画 JSON 生成、图片压缩等工具集，团队广泛复用，加速日常迭代。
定位并解决 Vue 插件引起的重复渲染问题，关键页面渲染开销显著下降。

昆明医科大学附属儿童医院过敏性疾病随访管理系统 | 2025年1月至 2025年4月

项目描述：
专为儿童过敏性疾病随访打造的医患互动平台，涵盖后台管理系统和医生端、患儿端小程序，实现病历管理、症状记录、随访预约、问卷评估及医患即时通讯功能，解决长期随访难、医患沟通不畅和数据收集分散问题，为临床研究提供可靠数据支撑。

技术栈：
Taro + React + TypeScript + Vue3 + Vite + TailwindCSS + Element-Plus + Zustand + React-Query + Vue-Query + Monorepo

工作内容：

设计并开发可视化问卷调查设计器，支持医生动态编辑问卷模板和表单统计分析，提升问卷创建和管理效率。
搭建后台系统，封装基于 Vue-Query 的通用列表与表单组件，实现高效可复用的管理功能。
使用 Taro + React + TypeScript 构建医生端和患儿端小程序，通过 Monorepo 架构实现公共逻辑和 UI 复用。
集成 SocketTask 实现即时通讯功能，结合 Zustand 和本地缓存优化状态管理。
支持音视频通话功能，通过 YunXinMiniappSDK 集成，实现医患实时交流。
优化 Babel 配置，实现组件和样式按需加载，封装自动化打包上传与预览流程。

工作业绩：

主导可视化问卷设计器开发，支持医生自定义模板 + 表单回收统计，临床数据收集效率显著提升。
通过 Monorepo 实现 3 个小程序公共逻辑与 UI 复用，端到端开发与部署效率提升。
落地音视频通话与即时通讯（SocketTask + Zustand 状态管理 + 历史消息队列），改善医患沟通体验。
通过 Babel 按需加载 + 自动化打包流程，后台系统稳定性与构建效率同步提升。

星光华人通手机充值系统 | 2024年9月至 2024年12月

项目描述：
面向全球用户的移动端话费和流量线上充值平台，提供流畅的 Web 体验和微信支付功能，优化移动端网页访问和交互体验。

技术栈：
React + Vite + TypeScript + TailwindCSS + React-Query + Zustand + weixin-js-sdk

工作内容：

使用 Vite + React + TypeScript 构建高性能移动端 Web 应用，采用 TailwindCSS 实现响应式布局，适配多种屏幕尺寸。
封装基于 React-Query 的数据请求层，实现接口缓存和高效数据管理。
优化公众号网页首屏加载体验，结合图片懒加载和骨架屏，减少资源请求压力，提高页面流畅度。
使用 Zustand 管理全局状态，实现数据统一管理和状态共享。
集成 weixin-js-sdk，支持微信授权登录和支付功能。
配置本地开发环境数据模拟 (vite-plugin-mock + Mock.js) 提升开发效率，并通过 GitHub Actions + ftp-action 实现自动化部署与持续集成。

工作业绩：

通过图片懒加载 + 骨架屏 + React-Query 接口缓存优化公众号网页首屏体验，用户感知性能显著提升。
基于 vite-plugin-mock 本地数据模拟 + GitHub Actions + ftp-action 自动化部署，端到端交付效率提升。
集成 weixin-js-sdk 完成微信授权登录与支付闭环，支撑全球用户线上充值。

通用航空器飞行气象保障服务系统 | 2024年5月至 2024年8月

项目描述：
专为通用航空设计的综合气象保障平台，整合多源气象数据，为飞行员和航空管理人员提供实时气象预报与分析。通过直观的二维/三维地图界面展示风场、气压、能见度、云层分布及危险天气等关键气象要素，提升飞行决策支持能力。

技术栈：
Vue3 + Vite + TypeScript + Vuetify + Leaflet.js + Cesium.js + D3.js + GeoServer + WebWorker + Chroma.js

工作内容：

搭建后台系统，实现定时任务推送及数据状态同步，保证气象信息实时更新。
构建统一风格的用户端界面，提升用户操作和浏览体验。
封装格点数据读取与绘图逻辑，使用 pako 和 jszip 实现数据压缩传输，保证大规模数据快速渲染。
构建二维地图（Leaflet.js）和三维地图（Cesium.js），结合 GeoServer 高程数据实现地形展示，并支持快速切换与数据缓存。
封装气象可视化组件：
- 色斑图 使用 Leaflet.js canvas 图层 + chroma-js 绘制；
- 等值线 使用 D3.js 绘制风温场等气象要素；
- 风羽图与风场流线动画 基于 Leaflet.js canvas 图层 + 自研算法实现风向风速展示；
- 三维云图 使用 canvas + Cesium.js 实现立体云图渲染；
- 三维雷达图 使用 WebWorker 和 MCB 算法处理大数据渲染，保证前端性能。
对接航空报文及探空数据，实现实时解析与可视化展示。

工作业绩：

提供完整的二维 / 三维气象可视化能力（色斑、等值线、风羽、风场流线、立体云图、雷达），直接辅助飞行员与航空管理决策。
通过 WebWorker + MCB 算法处理三维雷达大数据渲染，大规模格点与三维气象图保持流畅交互。
沉淀可复用气象可视化组件库，被后续多个气象项目复用为基础能力。

中禄屠宰场ERP生产管理系统 | 2024年1月至 2024年6月

项目描述：
为肉类加工企业打造的全流程数字化管理平台，实现采购、生产到销售的协同管理。平台覆盖 PC 端与移动端，支持设备硬件对接及表格数据高保真预览和打印。

技术栈：
Vue3 + Vite + TypeScript + uni-app + Electron + SerialPort + Koffi

工作内容：

使用 Vue3 搭建后台系统，封装公共组件、数据缓存与动态菜单权限管理。
开发 Excel 在线预览与打印功能，深入解析 xlsx 内部格式和样式，实现 Web 预览和打印高度一致。
使用 uni-app 构建移动端/商米设备应用，实现跨端运行，集成小票打印和 NFC/IC 卡刷卡功能。
使用 Electron 构建称重系统，基于 SerialPort 实现磅秤串口通信，支持设备配置和状态监听。
开发一体机自助终端系统，封装 IC 卡/身份证/二维码摄像头接口，实现身份识别、静默打印和自动响应流程。
使用 Koffi 调用 C 动态库与定制硬件交互，实现扫码、刷卡识别及打印控制。

工作业绩：

在 100+ 台商米终端 上集成 5 类硬件（电子磅秤、IC 卡、身份证、二维码扫码、热敏打印机），实现端到端业务闭环。
基于 Koffi + SerialPort 完成 C 动态库与串口设备集成，覆盖称重 / 刷卡 / 扫码 / 静默打印全流程，自助终端可靠性显著提升。
深度解析 xlsx 内部格式与样式，自研 Excel 在线预览 / 打印模块，Web 与打印端 1:1 一致。

云上托育 | 2023年9月至 2024年1月

项目描述：
面向婴幼儿托育机构的智慧管理平台，覆盖后台管理系统、三端小程序（园长端、教师端、家长端）及公众号 H5。平台融合物联网技术，提供环境监测、智能测温、视频监控及课程、膳食、考勤、健康档案管理和家园互动等核心功能，实现全面数字化管理。

技术栈：
Vue3 + Vite + TypeScript + uni-app + pnpm + Monorepo + Pinia + MQTT + ECharts + Canvas

工作内容：

使用 Vue3 + Vite 构建后台系统，封装公共组件与数据缓存逻辑，基于动态菜单实现权限控制。
使用 pnpm 搭建小程序 Monorepo 架构，实现园长端、教师端、家长端的组件和业务逻辑共享，减少重复开发。
封装跨平台 canvas-draw 类，结合模板功能生成课程表、膳食表、分享海报，在 Web（Vue）和小程序端（uni-app）实现高度一致的显示效果。
接入物联网设备，使用 MQTT 协议获取温度传感器等环境数据，并结合 ECharts 实时可视化展示。
封装蓝牙接口，使用 Pinia 管理全局状态，实时读取蓝牙体温枪数据并同步到小程序。
封装 CloudWebSocket 类，结合小程序 Socket 实现事项推送与提醒功能。
对接视频监控模块，使用小程序 API 实现实时视频预览。
在 uni-app 项目中引入 TypeScript 支持，提高类型安全和开发效率。

工作业绩：

通过 pnpm + Monorepo 架构实现三端小程序（园长 / 教师 / 家长）公共逻辑与 UI 复用率达 50%，服务 3 家托育机构、100+ 家长 / 50+ 教师用户。
自研跨平台 canvas-draw 类，海报 / 课程表 / 膳食表在 Web 与小程序端达成 1:1 一致渲染。
集成 MQTT 物联网 + 蓝牙体温枪数据接入，环境监测与健康采集实时可靠。
沉淀自动化插件体系（图标声明 / 全局组件类型 / 静态资源上传 / 小程序部署），日常开发效率显著提升。

个人项目

维护 4 个开源 npm 工具包，累计周下载 200+：

@zd~/request 公共请求封装，统一 web / 小程序 / uni-app / Taro 的请求 API
@zd~/upload 基于 basic-ftp 和 ssh2-sftp-client 的 FTP / SFTP 上传工具
@zd~/tinify 基于 tinify 的图片压缩终端 CLI
@zd~/iconfont-cli 基于 Iconfont 自动生成 React / Vue 组件的 CLI 工具，免除字体依赖，支持 Taro 与 uni-app

个人优势

拥有 8 年前端开发经验，覆盖 Vue / React、小程序、Electron 桌面端、GIS 地图可视化和 Phaser.js 游戏开发，参与过气象、医疗、工业等多个行业项目，擅长在业务复杂场景中梳理架构和工程化方案。
熟悉 AI 编码助手（Claude Code、GitHub Copilot、Cursor）的实践应用，能够借助 AI 提升编码效率、辅助代码 Review、生成项目文档与工程化脚本。
精通 JavaScript / TypeScript，深入理解 ES6+ 特性与类型系统，具备面向对象与函数式编程实战经验。
精通 Vue 2/3（响应式原理、Composition API、Vue Router、Vuex / Pinia）与 React 生态（React Router、Redux、React Native），能够在不同技术栈间灵活切换并落地复杂业务。
熟悉地图与气象可视化技术，掌握 OpenLayers、Leaflet、Cesium 三维地形、GeoServer 图层服务、WebGL、D3.js 等值线与色斑图展示，以及 WebWorker + MCB 三维雷达渲染方案。
游戏开发经验丰富，熟悉 Phaser.js / Pixi.js 核心逻辑、动画与 UI 开发，参与游戏后端接口设计，开发实时互动功能（直播、聊天、打赏），并优化框架与开发工具提升团队效率。
精通跨端开发，掌握 uni-app / Taro 多端适配（微信/支付宝/头条），以及 Electron 桌面端开发，具备串口硬件与 C 动态库集成经验（SerialPort / Koffi）。
精通 Vite / Webpack / Rollup 构建工具及优化策略，具备 Babel 插件开发能力，能从工具链层面提升工程效率。
熟悉浏览器渲染原理、事件循环机制，具备基于 Chrome DevTools 的线上性能问题排查与调优经验。
曾带领前端团队，负责技术选型和标准化建设，同时保持个人动手习惯，喜欢写博客、维护开源 npm 工具包和 GitHub 项目。

教育背景

2014年9月至 2018年6月 成都理工大学通信工程学士