应聘岗位：前端开发工程师

个人资料

教育背景

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

个人简介

我有 8 年前端开发经验，做过的方向比较广，从 Vue / React、小程序，到 Electron 桌面端，再到 GIS 地图可视化和 Phaser.js 游戏开发都有涉及。参与过气象、医疗、工业等多个行业的项目，因此比较习惯在业务复杂的场景下梳理架构和工程化方案。
我擅长将多端、多技术整合在一起，比如用 Monorepo 统一多个应用的开发流程，也做过硬件串口集成等工作。之前带过前端团队，负责技术选型和标准化建设，同时保持动手习惯，喜欢写博客和维护开源 npm 工具包。 最近也在关注 AI 助力开发，使用 Copilot 辅助编码、自动生成项目流程文档，也尝试过 AI 代码分析工具（如 Claude Code AI），探索将 AI 技术融入前端开发和自动化流程。

工作经历

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

• 游戏平台工程化建设：主导游戏平台 Monorepo 架构设计与多游戏包管理，实现各游戏独立构建与部署，通过共享核心库统一公共逻辑和 UI 组件，确保多游戏高效协作与稳定运行。
• 前后端协作优化：参与游戏后端架构设计与接口开发，推动前后端高效协作，提高整体开发效率。
• 实时互动系统建设：搭建游戏直播系统与实时聊天功能，实现玩家在线互动、打赏及活动参与功能，提升用户体验和平台活跃度。
• 开发流程改进：开发内部工具并优化现有开发框架，提升团队整体开发效率和可维护性。
• 团队能力提升与问题攻坚：定期组织技术分享和培训会议，带领团队解决复杂问题，如游戏动画效果优化、性能瓶颈排查与提升，推动团队经验积累与技能提升。

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

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

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

• 气象与地理信息可视化：构建气象与地震预警服务体系，实现风场流线、等值线、色斑图等专业可视化，同时处理地震相关信息，为防灾减灾和应急决策提供数据支持。
• 大规模数据处理与优化：开发高效的空间数据处理模块，能够稳定渲染百万级气象与地震数据，确保系统在高负载情况下仍能流畅运行。
• 专业服务平台维护：负责昆明市专业技术人才公共服务平台的维护与迭代，优化用户体验和系统性能，保障日常业务顺畅运行。

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

• 商城系统开发与维护：负责商城网页端和小程序端的开发与日常维护，确保系统功能稳定，用户体验一致。
• 营销活动支持：设计并开发商城活动页面与交互功能，提升用户参与度和整体转化效果。
• 封装可复用组件库：开发表单、列表、轮播等通用组件，提高开发效率并支持多个项目复用。
• 与后端团队紧密协作：优化 API 请求和数据缓存策略，确保前后端数据同步稳定与性能高效。

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

• 微信H5游戏开发：独立完成多款微信H5小游戏的开发与上线，涵盖答题、抽奖、表单等功能模块。
• 微信小程序开发：参与医疗答题类小程序开发，实现高质量交互和数据处理功能。
• 游戏插件与组件库建设：开发游戏通用插件，如抽奖器、排行榜、表单等，提高开发效率并支持多个项目复用。
• UI及体验优化：构建动画发布工具、主题布局优化及屏幕适配方案，确保游戏及小程序界面体验流畅一致。

近期项目经验

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 周边插件及游戏框架，提升整体系统性能与可维护性。
• 定期组织团队技术分享和培训，分析游戏开发经验与前端优化技巧，带领团队解决复杂问题，如动画渲染及性能瓶颈。

工作业绩：

• 搭建 Monorepo 多游戏包架构，实现各游戏独立构建部署与公共逻辑复用，支撑多款游戏高效并行迭代向第三方客户交付。
• 参与后端及第三方登录系统开发，提升用户登录体验和平台易用性。
• 开发精灵图合并工具、动画 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 架构，实现三个小程序公共逻辑和 UI 复用，优化开发和部署效率。
• 完善即时通讯功能，优化消息队列管理和历史消息处理，提升医患沟通体验。
• 优化后台组件与打包流程，实现按需加载和自动化部署，提高系统稳定性和开发效率。

星光华人通手机充值系统 | 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 实现自动化部署与持续集成。

工作业绩：

• 优化首屏加载与图片渲染体验，显著提升公众号网页的访问流畅度和用户体验。
• 封装接口缓存与骨架屏，确保数据加载过程中界面稳定，提升用户感知性能。
• 使用本地模拟数据开发和自动化部署流程，提升团队开发效率和项目交付速度。

通用航空器飞行气象保障服务系统 | 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 算法处理大数据渲染，保证前端性能。
• 对接航空报文及探空数据，实现实时解析与可视化展示。

工作业绩：

• 提供丰富的气象可视化展示能力，使飞行员和管理人员能够直观获取关键气象信息，提高决策效率。
• 优化数据处理和渲染流程，实现大规模格点数据和三维气象图的高效显示。
• 统一二维/三维地图界面风格和交互逻辑，提升用户体验与系统易用性。
• 封装可复用的气象组件库，为后续其他气象可视化项目提供基础能力。

中禄屠宰场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 动态库与定制硬件交互，实现扫码、刷卡识别及打印控制。

工作业绩：

• 成功在商米设备上实现小票打印和二维码快速识别，提升终端操作效率。
• 对接电子磅秤，实现实时数据通信和状态监控，保证生产流程准确性。
• 封装一体机硬件接口，支持 IC 卡/身份证识别及自动打印，提高自助终端可靠性。
• 开发 Excel 在线预览与打印功能，深度解析样式和布局，实现 Web 与打印端高度一致的展示效果。

云上托育 | 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 支持，提高类型安全和开发效率。

工作业绩：

• 成功实现三个小程序的高度统一逻辑和 UI，提高组件复用率和团队开发效率。
• 封装跨平台 Canvas 功能，实现海报和课程表在 Web 与小程序端高度一致，提升用户体验。
• 实现物联网和蓝牙设备实时数据接入，使环境监测和健康数据采集准确可靠。
• 开发自动化插件体系，支持图标类型声明更新、全局组件类型生成、静态资源自动上传和小程序自动部署，大幅提升开发效率。

个人优势

• 拥有 7 年前端开发经验，覆盖 Vue / React、小程序、Electron 桌面端、GIS 地图可视化和 Phaser.js 游戏开发，参与过气象、医疗、工业等多个行业项目，擅长在业务复杂场景中梳理架构和工程化方案。
• 熟悉 AI 辅助开发工具，如 GitHub Copilot 和类似 Claude Code AI 的代码分析工具，能够利用 AI 提升编码效率、优化开发流程和文档生成。
• 精通 JavaScript / TypeScript，深入理解 ES6+ 特性与类型系统，具备面向对象与函数式编程实战经验。
• 精通 Vue 2/3（响应式原理、Composition API、全家桶）与 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 插件开发能力，能从工具链层面提升工程效率。
• 曾带领前端团队，负责技术选型和标准化建设，同时保持个人动手习惯，喜欢写博客、维护开源 npm 工具包和 GitHub 项目。

个人评价

我有丰富的前端开发经验，做过商城系统、服务端开发（Koa / Nest.js）、全栈项目（Next.js）等多种类型的项目。喜欢钻研技术难题，擅长编写工具脚本来提升开发效率，也乐于尝试和学习新技术。当前希望专注技术深度方向，寻找以技术为核心的高级或专家岗位。

个人项目

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

个人链接

• 个人博客
• github
• npm