第 1 月｜前端与实时数据地基

目标：把异步请求、设备状态和 UI 连成一个可以运行、可以排错的小闭环。

学习清单

[ ] Canvas 画布属性与尺寸适配。
[ ] JavaScript 数组、对象、解构、Promise、async。
[ ] Vue 3 组合式 API、响应式和组件封装。
[ ] TypeScript 类、接口、泛型与类型约束。
[ ] 手写 WebSocket 客户端：连接、重连、消息解析、UI 映射和异常兜底。
[ ] 手写异步错误捕获与 loading 状态管理。
[ ] 手写设备状态轮询组合式函数，并在卸载时清理定时器。

本月交付

一个带断线提示、异常数据兜底和设备状态展示的实时数据面板。

推荐记录

我的笔记索引

把新文章放在本目录，例如 websocket-client.md，并在下表登记链接。

日期	笔记 / 练习	链接	独立复现
YYYY-MM-DD			[ ]

已整理专题： Canvas 2D 基础

月末复盘

能独立运行的成果：
关掉 AI 后仍写不出的核心逻辑：
最难排查的边界情况：
下阶段要带走的经验：