开发项目：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 生成的复杂富文本、代
码高亮及数学公式