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

个人资料

教育背景

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

个人简介

7年前端经验，技术覆盖 Vue / React 双栈、跨端小程序、Electron 桌面端、GIS 地图可视化与 Phaser 游戏开发，在气象、医疗、工业等多个行业有完整项目落地经验。擅长在业务复杂度较高的场景下做架构设计与工程化建设，包括 monorepo 多端共享、硬件串口集成、WebWorker 非阻塞渲染等跨领域技术方案。曾主导前端团队技术选型与标准化，同时保持个人技术输出习惯，维护了多个 npm 开源工具包。

工作经历

高级前端开发 | 唯唯诺（昆明）科技有限责任公司 | 2025年6月 至 今

• 游戏开发：基于 Phaser.js / Pixi.js 主导 Spinman 游戏核心模块开发，覆盖游戏逻辑、UI 动效与状态管理，技术栈横跨 Vue3 + Vite + Pinia
• 全栈介入：使用 Nest.js 跨栈介入后端接口设计与开发，打通前后端数据链路，具备全栈视角定位跨层问题
• 直播与通讯：集成 Agora SDK 构建游戏内实时直播模块，结合 Socket 即时通讯实现直播互动闭环，覆盖信令、状态同步与异常降级场景
• 框架优化：深入排查 Vue3 keep-alive 与布局系统结合时组件重复 mounted 的根因， 追溯至 Vue core / vue-router 多个上游未修复 issue，判断现有插件方案（unplugin-vue-router / vite-plugin-vue-layouts）在当前场景适配性不足，主导重写布局层实现，从架构层面收敛生命周期混乱问题，提升框架可维护性
• 团队培训：向团队成员讲授 Phaser.js / Pixi.js 游戏框架核心概念与开发实践，降低新人上手门槛，提升团队整体游戏开发能力
• 性能调优：针对游戏渲染性能持续调优，使用 Pinia 本地缓存策略减少冗余状态更新，优化 Phaser.js 场景切换与资源加载策略

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

• 团队管理：带领前端团队落地多个跨行业项目（医疗随访、工业ERP、IoT托育），推动 monorepo + pnpm 工程化方案在团队内标准化，建立组件复用与自动化发布规范
• 架构设计：主导多项目技术选型与架构设计，横跨 Vue3 后台系统、uni-app 跨端小程序、Electron 桌面端等形态，针对硬件集成（串口/NFC/IC卡）与实时通讯（WebSocket/MQTT/Socket）等跨领域场景提供技术方案
• 项目交付：承接从需求评估到技术落地的全链路，直接与医院、企业客户对接技术方案，推动昆明儿童医院随访系统、中禄ERP等项目如期上线
• 外部对接：作为技术代表与外部合作伙伴及客户协调技术资源，确保项目高质量交付

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

• 地图可视化：基于 Leaflet.js（二维）+ Cesium.js（三维）构建气象/地震预警地图服务体系，结合 GeoServer 发布图层，实现风场流线动画、等值线、色斑图、风羽图等专业气象要素可视化
• 高性能渲染：封装气象格点数据加解密算法，结合 pako / jszip 压缩传输，构建 Grid 格点数据类简化绘图流程；使用 WebWorker + MCB 算法实现三维雷达图非阻塞渲染
• 专业技术平台：主导昆明市专业技术人才公共服务平台的迭代与性能优化，推进地理信息数据与防震减灾业务系统的集成，支持决策分析和应急预警
• 地理信息集成：整合多源地理信息数据，对接航空报文与探空报文，解析并可视化展示，支持飞行安全保障场景

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

• 多端开发：同步开发并维护赶马商城 Web 端与小程序端，封装 Web-App 数据交互层，保障多端行为一致性
• 营销活动：设计并开发多场营销活动页面，覆盖互动玩法与转化路径设计，推动活动期间用户行为数据增长
• 数据系统：搭建客户后台数据查询系统客户端，输出高效便捷的数据可视化分析工具

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

• 多平台开发：独立交付微信H5、小游戏及微信/支付宝/头条三端小程序，积累多平台适配与差异兼容经验
• 组件库建设：主导公司前端基础组件库建设，输出排行榜、表单、抽奖器等通用工具组件，形成可跨项目复用的 UI 解决方案
• UI解决方案：构建动画发布工具、主题布局优化及屏幕适配方案等 UI 类插件
• 嵌入式开发：推进第三方 App 的 H5 嵌入式开发，保障原生应用中 Web 内容的流畅体验

近期项目经验

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

项目描述： 基于 Phaser.js 的web游戏平台，支持游戏内直播与实时通讯功能。

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

工作职责：

• 使用 Phaser.js / Pixi.js 开发游戏核心逻辑、UI 界面和动画效果
• 使用 Nest.js 介入游戏后端接口设计与开发，确保前后端数据交互高效稳定
• 使用 Pinia 实现本地缓存优化状态管理
• 使用 Socket 实现游戏内即时通讯功能，支持玩家之间的实时互动
• 集成 Agora SDK 实现游戏内直播功能，覆盖信令控制与异常降级场景
• 针对 keep-alive 与布局系统结合时组件重复 mounted 的问题（参考 Vue core / vue-router 上游 issue），重写 layout 实现：以 slot 替代 router-view、限制全局唯一 keep-alive 实例、精准控制缓存边界（当前仅首页启用），解决生命周期混乱并降低对非通用插件的依赖
• 向团队讲授 Phaser.js / Pixi.js 核心用法与项目内最佳实践，输出内部培训文档

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

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

技术栈：Tarojs + TypeScript + React + TailwindCSS + pnpm + monorepo + Zustand + react-query + Vite + Vue + vue-query + element-plus

工作职责：

• 使用 Vite + Vue3 + element-plus 搭建后台系统
• 封装基于 vue-query 的通用列表与表单组件
• 开发可视化问卷调查设计器
• 使用 Taro + React + TypeScript + Monorepo 架构搭建小程序，支持医生/患儿端逻辑复用
• 魔改 Babel，实现组件与样式按需加载
• 封装基于 miniprogram-ci 的自动化打包上传与预览流程
• 封装基于 @tanstack/react-query 的数据请求层
• 使用 SocketTask 实现即时通讯，结合 Zustand 与本地缓存优化状态管理
• 集成 YunXinMiniappSDK 实现音视频通话功能

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

项目描述： 面向全球用户的话费/流量线上充值平台，移动端 Web 应用。

技术栈：React + Vite + TypeScript + TailwindCSS + @tanstack/react-query + Zustand

工作职责：

• 使用 Vite + React + TypeScript 构建高性能移动端 Web 应用
• 采用 TailwindCSS 实现响应式布局，适配多端屏幕
• 封装基于 @tanstack/react-query 的数据请求层，配合 react-loading-skeleton 优化首屏加载体验
• 使用 Zustand 管理全局状态，实现数据统一管理
• 集成 weixin-js-sdk，支持微信授权登录与支付功能
• 实现图片懒加载与长列表性能优化，使用 react-lazy-load-image-component 减少并发请求
• 封装基于 react-simple-pull-to-refresh 的下拉刷新组件，提升交互体验
• 本地开发中配置 vite-plugin-mock + Mock.js 实现数据模拟
• 配置 GitHub Actions + ftp-action 实现自动化部署与持续集成

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

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

技术栈：Vue 3 + Vite + TypeScript + Vuetify + Leaflet.js + Cesium.js + D3.js

工作职责：

• 后台系统使用 Vue 全家桶开发，实现定时任务推送功能，支持预报数据状态的实时同步
• 用户端使用 Vuetify 构建统一风格页面，提升用户体验
• 通过 unplugin-vue-router 实现文件路由管理，vite-plugin-vue-layouts 实现页面布局与地图组件注入
• 封装气象格点数据的加解密算法，结合 pako 和 jszip 实现数据压缩传输
• 构建 Grid 格点数据类，简化格点读取与绘图逻辑
• 使用 GeoServer 发布地图图层与高程数据，提供底图支持
• 基于 Leaflet.js 构建二维地图，基于 Cesium.js 构建三维地图，结合 GeoServer 高程数据实现地形展示
• 利用 keep-alive 实现二维与三维地图快速切换与数据缓存
• 对接航空报文与探空报文，解析并可视化展示
• 封装图层管理类与任务队列类，实现图层动态加载与非阻塞渲染
• 基于 Leaflet.js 封装 canvas 图层组件，结合 chroma-js 绘制色斑图
• 封装风羽图组件，展示风速与风向
• 使用 D3.js 实现等值线绘制，展示精细气象信息
• 集成 wind-layer 展示风场流线动画
• 封装三维云图类，基于 canvas 实现三维云图渲染
• 使用 WebWorker + MCB 算法实现三维雷达图展示，丰富气象可视化形式

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

项目描述： 为肉类加工企业打造的综合管理平台，实现从采购、生产到销售的全流程数字化管理，构建了 PC 端与移动端协同的应用生态。

技术栈：Vue 3 + Vite + TypeScript + uni-app + Electron

工作职责：

• 使用 Vue 全家桶构建后台系统，支持动态菜单权限管理，封装公共组件与数据缓存逻辑
• 开发 Excel 在线预览与统一打印功能，支持身份证和 IC 卡读卡器集成，实现身份识别与加密处理
• 使用 uni-app + Vite + TypeScript 开发买卖方端，支持 app/H5 跨端运行，集成 NFC 刷卡与小票打印功能
• 自动导入模块与组件，基于 Pinia 和 Composition API 管理业务逻辑与状态
• 使用 Electron + Vite 构建称重系统，通过 SerialPort 库实现磅秤串口通信，支持设备配置本地存储与状态监听机制
• 基于 Electron + Forge 开发自助终端系统，封装 IC 卡/身份证/扫码器接口，支持静默打印模板凭据
• 使用 Koffi 接入 C 动态库实现硬件调用，支持扫码、刷卡识别与无预览打印自动响应流程

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

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

技术栈：Vue 3 + Vite + TypeScript + uni-app + pnpm + monorepo + unocss

工作职责：

• 使用 Vue 全家桶构建后台管理系统，基于动态菜单实现权限控制，封装公共组件与数据缓存逻辑
• 开发海报模板功能，支持园区内容的图片配置与实时预览
• 小程序端基于 pnpm 构建 monorepo 工作区，支持园长端、教师端、家长端组件与逻辑共享
• 接入 MQTT 协议，实现物联网设备数据实时展示，结合 ECharts 可视化空气质量与环境监测数据
• 封装 canvas-draw 类，结合模板功能生成课程表、食谱等分享图
• 使用 Pinia 管理全局蓝牙状态，实时同步蓝牙体温枪测温数据
• 封装 CloudWebSocket 类，结合小程序 Socket 实现事项推送与提醒
• 对接视频监控模块，提供小程序内实时监控能力
• 开发多项自动化插件提升开发效率：iconfont 插件自动更新图标类型声明、global-components-dts 插件生成子包全局组件类型、upload-static 插件自动上传静态资源至 FTP、mini-release 插件自动部署小程序
• 公众号 H5 端使用 Vue 3 + unocss 构建，封装通用表单校验逻辑，支持家长报名与信息提交流程

个人优势

• 精通 JavaScript / TypeScript，深入理解 ES6+ 特性与类型系统，具备面向对象与函数式编程实战经验。

• 精通 Vue 2/3（响应式原理、Composition API、全家桶）与 React 生态（Router、Redux、React Native），能在两套技术栈间灵活切换并落地复杂业务。

• 在气象/GIS 领域积累了完整的地图可视化技术栈：OpenLayers、Leaflet、Cesium 三维地形、GeoServer 图层服务、WebGL、D3.js 等值线与色斑图、WebWorker + MCB 三维雷达渲染。

• 熟练掌握 uni-app / Taro 跨端开发，具备微信/支付宝/头条三端适配经验；有 Electron 桌面端开发经验，能通过 SerialPort / Koffi 集成串口硬件与 C 动态库。

• 精通 Vite / Webpack / Rollup 构建工具及优化策略，具备 Babel 插件开发能力，能从工具链层面提升工程效率。

• 保持个人技术输出习惯，维护 3 个 npm 开源工具包（@zd~/request、@zd~/upload、@zd~/iconfont-cli），有个人博客与 GitHub 主页。

个人评价

除上述项目外，还开发过基于 Pixi.js / CreateJS 的 H5 小游戏，搭建过商城系统，编写过 Koa 服务端，涉足过 Nuxt.js 全栈开发。热衷于钻研问题，喜欢编写工具脚本提升开发效率，乐于接触新技术。当前专注技术深度方向，寻求以技术为核心的高级/专家岗位。

个人项目

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

个人链接

• github
• npm
• 个人博客