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

个人资料

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

教育背景

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

工作经历

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

  • 游戏开发:基于 phaser.js 开发微信小游戏,负责游戏核心逻辑、UI界面和动画效果的实现
  • 后端开发:参与部分游戏后端接口设计与开发,确保前后端数据交互的高效与稳定
  • 直播开发:使用 Agora SDK 实现游戏内直播功能,支持玩家之间的实时互动与分享
  • 聊天开发:实现游戏内即时通讯功能,优化消息传输和显示性能
  • 性能优化:针对游戏性能进行持续优化,提升用户体验和游戏流畅度
  • 工具开发:开发游戏内部工具和脚本,提高开发效率和项目管理能力

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

  • 团队管理:领导并管理前端开发团队,制定技术标准,优化工作流程,提高团队效率和代码质量
  • 架构设计:主导前端技术选型与架构搭建,解决复杂功能难点,确保系统稳定性和可扩展性
  • 需求分析:负责项目需求评估及功能分析,与产品、后端和客户紧密协作,确保项目顺利交付
  • 外部对接:作为技术代表与外部合作伙伴及客户对接,协调技术资源,确保项目按时高质量完成

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

  • 地图服务开发:基于Leaflet和GeoServer构建气象/地震预警系统地图服务,实现地理信息数据可视化
  • 空间数据处理:开发地理空间数据处理模块,优化大量气象和地震数据的实时渲染性能
  • 专业技术平台:负责昆明市专业技术人才公共服务平台的维护与迭代,优化用户体验和系统性能
  • 地理信息集成:将多源地理信息数据与防震减灾业务系统集成,支持决策分析和应急预警

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

  • 多端开发:负责赶马商城的网页端和小程序端开发维护,实现跨平台一致的用户体验
  • 营销活动:设计并开发商城活动页面,提升用户参与度和转化率
  • Web-App交互: 实现商城网页端与App的数据交互与逻辑对接, 确保多端功能一致性
  • 数据系统:开发客户后台数据查询系统客户端,提供高效便捷的数据可视化分析工具

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

  • 多平台开发: 负责微信H5项目、小游戏及微信/支付宝/头条小程序等多平台前端开发
  • 组件库建设: 开发公司前端框架核心组件,包括排行榜、表单、抽奖器等工具类组件
  • UI解决方案: 构建动画发布工具、主题布局优化及屏幕适应解决方案等UI类插件
  • 嵌入式开发: 实现第三方App的H5嵌入式开发, 确保原生应用中Web内容的流畅体验

近期项目经验

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

项目描述: Spinman 游戏开发。

技术栈: Uniapp + TypeScript + React + TailwindCSS + pnpm + monorepo + Vite + Vue + vue-query + element-plus

工作职责

  • 使用 Vite + Vue3 + Vuetify 搭建项目。
  • 使用 Phaser.js / Pixi.js 开发部分游戏核心逻辑、UI界面和动画效果。
  • 使用 Nest.js 参与游戏后端接口设计与开发,确保前后端数据交互的高效与稳定。
  • 使用 Pinia 实现本地缓存优化状态管理
  • 使用 Socket 实现游戏内即时通讯功能,支持玩家之间的实时互动与分享
  • 集成 Agora SDK 实现游戏内直播功能,支持玩家之间的实时互动与分享
  • 实现游戏内即时通讯功能,优化消息传输和显示

昆明医科大学附属儿童医院过敏性疾病随访管理系统 | 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月

项目描述: 星光华人通手机充值系统是全球话费充值/流量线上充值平台。

技术栈: 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 实现页面布局与地图组件注入
  • 封装气象格点数据的加解密算法,结合 pakojszip 实现数据压缩传输
  • 构建 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月

项目描述: 中禄屠宰场ERP生产管理系统是一套为肉类加工企业打造的综合管理平台, 实现从采购、生产到销售的全流程数字化管理。系统采用现代前端技术栈, 构建了PC端与移动端协同的应用生态, 大幅提升了屠宰场的运营效率和管理水平。

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

工作职责:

  • 使用 Vue 全家桶构建后台系统,支持动态菜单权限管理,封装公共组件与数据缓存逻辑
  • 开发 Excel 在线预览与统一打印功能,支持身份证和 IC 卡读卡器集成,实现身份识别与加密处理
  • 使用 uni-app + Vite + TypeScript 开发买卖方端,支持 app/H5 跨端运行,集成 NFC 刷卡与小票打印功能
  • 自动导入模块与组件,基于 PiniaComposition 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, 熟练使用各种流行的JavaScript库, 掌握面向对象编程方法, 深谙ES6+新特性和常用API。具备TypeScript及其类型系统的丰富经验, 能够在项目中高效使用。

  • 具有丰富的CSS布局经验, 精通传统布局方法, 熟练使用Less/Sass等CSS预处理器, 并擅长应用TailwindCSS、UnoCSS等现代CSS框架。

  • 熟练掌握常见的js框架, 掌握Vue 2和Vue 3的响应式原理, 熟练运用Vue全家桶(Vue + Vue Router + Vuex/Pinia + axios), 特别是在Vue 3的新特性如Setup/Composition API等方面具有深入理解和实战经验。精通React及其生态系统, 包括React Router和Redux, 并熟悉React Native开发。擅长使用主流UI组件库, 如Element UI、Ant Design、Vant UI、Vuetify、MUI等。

  • 熟练掌握微信小程序的开发流程, 能够独立开发小程序应用, 并精通使用uni-app/Tarojs进行跨平台开发, 同时了解鸿蒙系统开发。

  • 精通Vite、Webpack和Rollup等构建工具的使用及优化, 并具备Node.js的开发能力, 包括Node.js后端开发和Electron应用开发。

  • 在气象项目开发中积累了丰富的经验, 熟练使用OpenLayers、Leaflet、Cesium等地图开发技术, 精通GeoServer地图服务, 了解WebGL, 熟悉主流移动浏览器的技术特点, 擅长移动端H5开发。

  • 具备优秀的沟通能力和积极的工作态度, 拥有良好的团队协作精神。代码编写习惯良好, 结构清晰、命名规范、逻辑性强;熟练使用各种脚本调试器和DOM查看器等工具定位问题。

个人评价

除了上述项目之外, 我还开发过基于Pixi.js/CreateJS的H5小游戏, 搭建过商城系统, 并且研究过Node.js服务端, 编写过Koa服务端, 涉足过Nuxt.js等全栈开发。

尽管还有许多年久失修、难以追溯的项目未列出, 我依然对这些经历充满热情。

我非常喜欢 TypeScriptVueReact, 并且乐于接触新技术。我热衷于钻研问题, 喜欢编写各种小工具来提升开发效率。

未来, 我希望在某一个具体的技术方向深入研究并持续发展。

个人项目

  • @zd~/request 公共请求封装, 实现web/小程序/uni-app/tarojs 的公共api
  • @zd~/upload 一个基于 basic-ftpssh2-sftp-client 的 FTP/SFTP 上传工具。
  • @zd~/iconfont-cli 一个基于 Iconfont 自动生成 React/Vue 组件的 CLI 工具, 免除字体依赖, 提供多种实现方式, 支持 TaroJSUniApp

个人链接