技术能力

基于 Vue3 + Composition API 搭建前端架构，封装可复用的图表组件。

通过 MQTT 协议与后端建立长连接，实现设备数据 100ms 级实时刷新。

使用 ECharts 实现折线图、仪表盘、热力图等多种可视化展示。

封装 WebSocket 心跳与断线重连机制，提升系统稳定性。
项目亮点：将自动化专业的“数据采集”能力与前端的“数据可视化”能力结合，实现从硬件到页面的完整闭环。

项目经验

企业级 SaaS 管理平台（Vue3 + TS + Vite）

项目描述：面向企业的内部管理系统，包含权限管理、数据看板、审批流等模块。

主要职责：

基于 Vue3 + Composition API 进行模块化开发，使用 Pinia 管理复杂状态。

封装权限指令与鉴权组件，实现按钮级权限控制。

使用 ECharts 封装可视化图表组件，支持动态数据渲染与自适应布局。

接入 Sentry 实现前端异常监控，线上错误率下降 60%。
项目成果：系统稳定性显著提升，获公司年度“最佳项目奖”。

移动端电商 H5（React + Hooks + Ant Design Mobile）

项目描述：面向 C 端的电商购物 H5，包含商品浏览、下单、支付等功能。

主要职责：

使用 React Hooks 管理组件状态，优化组件渲染性能。

封装自定义 Hook，抽离请求、表单校验等通用逻辑。

对接，实现分享、支付、定位等功能。

通过虚拟列表优化长列表渲染，页面滚动流畅度明显提升。
项目成果：H5 页面平均加载速度提升 40%，用户转化率提升 15%。

团队情况