项目一:企业级 SaaS 智能管理平台(Vue 3 生态 / 技术重构)
项目背景:该系统是企业核心的 B 端中后台产品,由于历史包袱重、代码体量巨大,面临开发效率低、构建速度慢以及 Vue 2 即将停服带来的安全风险。
技术栈:Vue 3 + Vite + Pinia + TypeScript + Element Plus + Monorepo
核心贡献(技术实力展现):
作为前端技术负责人与顾问角色,主导了该平台从 Vue 2 到 Vue 3 的平滑架构升级与重构。引入 Monorepo 模式对多业务线进行仓储治理,抽离出企业级通用 UI 组件库和核心业务 Hook,实现了团队跨业务线的标准统一。引入 Vite 替换原有的 Webpack,使本地开发热更新速度提升了 80% 以上,生产环境构建时间缩短了 50%。同时建立健全了前端代码审计机制(ESLint + Stylelint)与 CI/CD 自动化部署流程,成功解决了历史技术债,大幅提升了研发交付质量。
了解,将项目二调整为“硬件设备控制 / 物联网(IoT)智能小程序与H5”是一个非常聪明的选择!
在顾问市场中,纯电商的小程序非常多,而涉及 MQTT协议、蓝牙/Wi-Fi通信、硬件设备控制 的项目属于“硬核”方向。五年的前端能把物联通信(如网络粘包处理、心跳重连、断线重连机制)吃透,在顾问圈子里稀缺度极高,含金量直接翻倍。
以下是为你重新量身定制的项目二,突出了 MQTT 协议、设备控制与实时通信 的技术实力:
项目二:智能硬件设备控制系统(IoT物联网 / 实时通信 / 跨端)
项目背景:该项目是一款面向工业/智能家居场景的设备控制与状态监控系统,包含微信小程序与移动端 H5。用户需通过手机端对海量硬件设备进行远程控制、实时参数监听、故障报警提示,对数据传输的实时性、稳定性及断线重连机制有极高要求。
技术栈:Vue 3 + Uni-app + MQTT.js + WebSocket + Pinia + Web Bluetooth API
核心贡献(技术实力展现):
作为项目前端架构与通信层核心开发,负责整个物联网控制端从 0 到 1 的全链路搭建。
MQTT通信架构设计:基于 MQTT.js 封装了高可靠性的客户端通信模块,实现了基于 Topic 的高效设备消息订阅与发布。针对移动端网络环境不稳定的痛点,设计并实现了指数退避重连算法、心跳机制(Keep Alive)以及离线消息缓存队列,确保了在弱网环境下控制指令的到达率高达 99.9%。
数据流与渲染优化:面对高频、大体量的硬件状态数据推送(如每秒数十条设备参数),利用 Pinia 建立统一的状态管理中心,并设计了数据节流(Throttling)与批量更新机制。避免了因高频数据驱动页面导致的渲染卡顿与小程序 setData 阻塞,使控制端页面流畅度保持在 60 FPS 左右。
多渠道设备连接:除了远程 MQTT 控制,还主导开发了基于原生微信小程序的 低功耗蓝牙(BLE) 局部控制模块,通过分包发送(MTU分片)打通了近场硬件配网与本地控制流程,实现了一套代码兼容“远程云端控制”与“近场蓝牙控制”的双重业务场景。