金云智居app

人工智能智能家居案例ID：243275

Regret（看过薛之谦)

3 年经验· 金云智联

微信扫码沟通，客服可协助直接对接工程师；如当前档期不合，也可继续推荐相似案例作者。

案例介绍

项目描述：基于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+ 可复用组件和工具函数，提升团队在后续设备类型接入时的开发效率