猿急送>

东莞前端兼职程序员

ID：143790

勇仔

高级前端开发工程师

公司信息：
广东沃德精密科技股份有限公司

工作经验：
9年

兼职日薪：
500元/8小时

兼职时间：
可工作日远程
可工作日驻场（离职原因）
可工作日驻场（自由职业原因）

所在区域：
东莞
全区

技术能力

核心技术栈：精通 HTML5/CSS3/JavaScript (ES6+) 与 TS，具备扎实的编程基础和类型系统应用经验。
深入理解 DOM/BOM 机制及浏览器工作原理，能够编写高性能、高可维护性的代码。
框架与原理：深入掌握 Vue2/3 及其生态（Vue Router, Pinia/Vuex），对响应式原理、虚拟 DOM 及
框架源码有深入研究。熟悉 React 生态（Redux），具备跨框架的开发与问题解决能力。
架构与工程化：具备大型 To B / To C 应用（PC、H5、小程序）的架构设计经验。精通前端工程化，熟
练运用 Webpack/Vite 进行构建配置与性能优化，主导过从 Vue2 到 Vue3 + TS 的技术栈升级。
业务领域专长：在工业互联网与智能制造领域有丰富实践，精通Echarts和 Three.js 3D 可视化与数字
孪生开发，熟悉WebSocket, MQTT 等物联网通信协议。同时，在 AI 应用集成、Uni-app 跨端开发（
含蓝牙通信、PDA 应用）方面有成功落地经验。
性能优化与全栈能力：擅长使用 Chrome DevTools 等工具进行性能分析与瓶颈定位，对首屏加载、大
数据渲染等有系统的优化方案。熟悉 Node.js (Express) 后端开发，能够独立构建 RESTful API，并熟悉
MySQL 数据库操作，具备全栈视野。
研发效能：积极拥抱 AI 编程工具（如 Cursor, Copilot），通过 AI 辅助代码生成、调试与重构，显著提
升个人及团队的开发效率。

项目经验

开发项目：MES生产管理系统
技术栈：vue3 + pinia + vite + Echats + Ts + ant-design-vue + jeecg-boots 低代码平台
项目描述：服务于工厂日常管理与辅助生产的 B 端核心系统，涵盖工单管理，仓库管理，程式管理，设备
管理，夹具管理、设备等 10+ 生产模块，实现从订单到成品入库的全链路闭环管理。
核心职责与业绩：
1. 架构设计与工程化
 项目架构：基于 Vue3 + Vite + TS 搭建模块化架构，按业务域（工单/设备/仓库）拆分 10+ 独立功能
模块，配合 Pinia 管理跨模块共享状态（如设备状态、工单进度），实现模块间低耦合、高内聚
 低代码集成：深度集成 Jeecg-Boot 低代码平台，对标准化CRUD页面采用配置化生成，对复杂业务（
如工单状态机、程式绑定校验）通过重写生命周期钩子注入定制逻辑，在复用平台能力的同时保证业务
灵活性
 环境与规范：主导 Git 多环境分支体系（dev/test/prod）建设，制定分支命名规范与提交规范（Conve
ntional Commits），配合 ESLint + Prettier + Husky 自动化检查，将代码回滚率降低 70%
2. 性能优化
 首屏加载极致优化：从 Chrome 火焰图分析入手，定位性能瓶颈，通过路由懒加载 + 组件异步加载、
Gzip 压缩、CDN 加速、图片 WebP 化 + 懒加载等多层优化策略，将首屏平均渲染时间从 11s 压缩至
2s 以内，FCP/LCP 指标均达到优秀等级。
 大数据渲染优化：针对设备/工单长列表，采用虚拟滚动（vue-virtual-scroller） + 分段懒加载方案，
实现万级数据流畅滚动，兼顾“无需翻页”的用户体验与首屏渲染速度。
 可视化看板性能：基于 ECharts + WebSocket 开发实时产线看板，通过 appendData 增量更新 +
animation:false 关闭过渡动画，支撑 50+ 设备秒级刷新不卡顿。
3. 业务组件抽象与提效
 组件库建设：推动团队内部业务组件库从 0 到 1 建设，封装 15+ 通用业务组件（高级搜索栏、动态列
配置、权限按钮、拖拽排序等），通过最少配置项暴露设计理念，将同类表格/表单页面的开发时长从 1
小时缩短至 10 分钟，效率提升 6 倍。
 拖拽能力复用：基于 VueDraggable 封装可配置拖拽组件，统一应用于图片排序、表格列排序等 5 个业
务场景，减少重复代码 80%。
 表单验证统一：开发 useFormValidation 组合式 Hook，封装 10+ 表单页面的必填、格式、联动校验
逻辑，减少重复代码 40%，并支持动态规则扩展。
4. 权限体系与移动端拓展
 动态路由权限：基于后端返回的权限树，通过路由守卫 + addRoute 动态添加实现菜单级权限控制；
封装 v-auth 自定义指令，在 mounted 中判断权限码，实现按钮级精细鉴权。
 移动端 PDA 重构：基于 uni-app 重构 PDA 扫码应用，优化扫码枪数据解析逻辑与本地缓存策略，将
入库操作效率提升 60%，并解决离线场景下的数据暂存问题。

开发项目：维港AI学（跨端 AI 教育应用））
技术栈：vue3 + pinia + vite + Echats + uniapp + uview
项目描述：基于 UniApp 框架的跨平台 AI 智能教育辅助应用，集成 AI 批改引擎，提供拍照搜题、作文智
能评估等功能，支持 iOS、Android 及微信小程序多端运行。
核心职责与业绩：
 跨端架构与工程化：主导基于 UniApp + Vue3 + Pinia 的跨端架构设计，制定多端（iOS/Android/微
信小程序）统一的开发规范与状态管理方案，实现核心业务逻辑代码复用率超 90%，大幅降低多端维护
成本
 AI 引擎集成与 Canvas 渲染：深度整合 AI 批改引擎，针对主观题批改、作文评估等复杂交互场景，利
用 Canvas 核心绘图 API 实现手写笔迹的实时渲染与轨迹追踪，保障多端设备下绘图性能与体验的一致
性。
 多端性能优化与体验提升：针对小程序包体积限制与启动速度痛点，采用分包加载策略与组件懒加载，
大幅优化首屏渲染时间；结合图片压缩与按需引入，有效降低内存占用，确保应用在低端机型上的流畅
运行
 富文本与复杂数据渲染：集成 markdown-it 与 katex 等渲染引擎，完美解决 AI 生成的复杂富文本、代
码高亮及数学公式

案例展示

维港AI学

基于 UniApp 框架的跨平台 AI 智能教育辅助应用，集成 AI 批改引擎，提供拍照搜题、作文智能评估等功能，支持 iOS、Android 及微信小程序多端运行。跨端架构与工程化：主导基于 UniApp + Vue3 + Pinia 的跨端架构设计，制定多端（iOS/
可视化立体仓库管理系统

项目描述：基于 Web 的智能立体仓库 3D 可视化管理系统，通过三维建模实时展示仓库货架、 AGV 小车、货物状态，并与物联网设备（ PLC、传感器）通过 MQTT 协议通信，实现数据驱动的自动化仓储管理。系统支持设备监控、库存管理、路径规划、异常报警等功能，提升仓储
可视化立体仓库管理系统

项目描述：基于 Web 的智能立体仓库 3D 可视化管理系统，通过三维建模实时展示仓库货架、 AGV 小车、货物状态，并与物联网设备（ PLC、传感器）通过 MQTT 协议通信，实现数据驱动的自动化仓储管理。系统支持设备监控、库存管理、路径规划、异常报警等功能，提升仓储