项目描述:基于UniApp框架开发的跨平台智能家居设备管理H5应用,支持60+种智能设备类型(摄像头、空调、门锁、传
感器等)的实时控制、状态监控、设备配置和OTA升级等功能。
技术栈:Vue 3 + TypeScript + UniApp + Vite + Vuex + vue-i18n
主要职责:
- 独立负责设备详情页整体方案设计与实现,包括信息架构、组件拆分、接口对接及多端适配,保障功能体验。
- 主导项目从 Vue 2 升级至 Vue 3,使用 Composition API 和 `<script setup>` 重构页面组件,配合团队完成 Vite 构建工
具迁移,项目开发启动速度提升 10–100 倍,包体积减少约 41%。
- 实现 Vuex 4 在 Composition API 中的适配方案,封装 `useMapState`、`useMapActions` 等工具函数,并完善
TypeScript 类型定义,提升复杂业务代码的可维护性与可读性。
- 负责多个设备类型的状态管理模块和业务组件开发,实现设备控制、实时数据监控、历史记录查询等功能,并对核心交互进
行性能优化。
- 参与项目构建流程优化,配置多环境构建脚本,集成 TypeScript 类型检查和 ESLint 规范校验,推动团队形成统一的组件开
发与代码规范。
项目成果:
- 详情页模块性能提升约 30–100%,多设备场景下交互更流畅,显著降低线上性能问题。
- 沉淀 15+ 可复用组件和工具函数,提升团队在后续设备类型接入时的开发效率
需求方专属客服,免费梳理匹配