Day 97 · 第 3 个月毕业总结 — 变化量盘点与作品链收官

昨天简历与弹药库就绪，今天做第 3 个月的毕业总结：四周回顾（核心 → 生态 → 边界 → 交付）、能力对照（第 2 个月末 vs 现在）、认知增量（本月最值钱的三个想法）、作品链资产盘点。纪律照旧：写变化量，不写流水账。这篇总结是毕业博文第二篇（第一篇是昨天的对比文），也是交给阶段 3 的行囊清单。

一、四周回顾：一条能力曲线

Week 11  Vue3 核心        → ref/computed/组件化/VChart —— "会写 Vue"
Week 12  生态三件套       → Router/Pinia/KeepAlive/Teleport —— "会用生态"
Week 13  Canvas × Vue     → 边界分析/桥契约/markRaw —— "懂边界"
Week 14  交付收官         → 部署/优化/README/博文/简历 —— "能交付"

四个台阶的名字连起来就是本月的路线：写 → 用 → 懂 → 交。每一步都踩在上一周的产出上（Week 12 替换 Week 11 的手写件、Week 13 迁移最难的内容、Week 14 变现前三周的全部积累）。

二、能力对照：第 2 个月末 vs 第 3 个月末

能力	第 2 个月末（Day 70）	第 3 个月末（Day 97）
工程化	Vite + TS（单工程）	组件化架构 + 构建优化 + CI 部署链路
状态管理	手写 Store 类（自觉协议）	Pinia（单一状态源 + Devtools）
路由	手写 ScreenRouter（无 URL）	Vue Router（守卫/懒加载/KeepAlive）
Canvas 集成	独立渲染器（自成一国）	显式桥接 + markRaw（与响应式共存）
交付资产	Demo + 视频 + README	+ 线上地址 + 博文 + 弹药库 + 简历 v2
学习方法	每日文档 + 对照表习惯	对照表 → 博文 → 面试弹药的方法链

读表方式：左列的每一项不是"被替换"，而是"被理解后升级"——手写件退役了，手写件教给你的架构判断全部留在了右列。

三、本月最有价值的三个认知（毕业博文第二篇的骨架）

认知 1：责任转移是框架的本质

声明式不是"代码变少"，是责任的搬家——手动同步的责任交给框架，你领回一层抽象的理解成本。衡量一个框架学没学会，就看你说不讲得出"它替你承担了什么、代价是什么"（Day 95 博文的核心论点）。

认知 2：单一状态源是架构的杠杆

从 Day 65 的单连接纪律到 Day 81 的 Pinia 状态树，同一条思想的两次实践：数据只存一份，所有视图是它的投影。本月最爽的时刻是 Day 90 的告警四视图（滚动条/列表/摘要/脉冲）零同步代码——杠杆撬动的那一刻。

认知 3：边界判断力是高级的分界线

会写 Vue 是技能，知道 Vue 在哪止步是判断力。Day 85 的三问法则（Vue 读吗/每帧变吗/触发什么）是可以迁移的思考工具——下个阶段面对 3D 引擎与 Vue 的共存时，同一套方法论直接复用。

四、作品链资产盘点

my-study 作品链（阶段 2 期末形态）：

🎯 dashboard-vue/          智慧工厂大屏 Vue 版（求职主项目）
   ├─ 线上演示地址          ?demo=1 演示模式
   ├─ README（演进故事）    三模式启动 + 架构图 + 性能表
   ├─ 演示视频 ≤2min + GIF  Vue 版重录
   └─ docs/
      ├─ boundary-screen-c.md   边界决策文档（含复审条件）
      └─ interview-ammo.md      面试弹药库十问十答

📎 dashboard/              原生版（对照物 + 第二证据）
   └─ README 互链 Vue 版

📝 内容资产
   ├─ 毕业博文 1：《原生 vs Vue 开发大屏的体会》
   ├─ 毕业博文 2：本月总结（今天产出）
   └─ 97 篇学习文档（Day 1-97）——知识图谱

🔧 代码资产（可迁移的轮子）
   ├─ WsDataSource 链路（心跳/重连/补传）——阶段 3 直接复用
   ├─ TopoRenderer 四层画布 + 桥契约模式——3D 场景的参考架构
   └─ useRollingNumber / useCarousel 等组合式函数

作品链的"链"：每个作品都比上一个多吃一层能力——编辑器（渲染）→ 实时面板（数据链路）→ 原生大屏（整合）→ Vue 大屏（框架化）。下一环是 3D（阶段 3 的数字孪生）。

五、阶段 3 待办清单

本月积攒的待办（Day 98/70/88/90/92 各处散落的正式归集）：

功能类：
  □ 告警规则配置界面（阈值目前写死 markLine）
  □ 数据持久化（当前刷新即丢）
  □ HUD 缩放比显示（扩桥练习题——Day 88）
  □ 拓扑配置可视化编辑（编辑器能力回流——Day 90）
  □ 厂区图与拓扑页数据联动（Day 83）

工程类：
  □ 全栈部署（VPS/Docker：Nginx + WS server——Day 92 路线 B）
  □ Map 深侦听 → 引用替换的切换（触发条件：设备 > 50——Day 81/93）

阶段 3 主线（预告，Day 98 详述）：
  □ Three.js 起步 → 数字孪生 Demo（新作品链节点）

六、常见坑点

坑 1：总结写成周报

“第 11 周学了 A、第 12 周学了 B”——时间线不是价值线。第二节对照表的"变化量"才是总结的正确打开方式（Day 70 坑 5 的最后一次重申）。

坑 2：盘点只数资产不验资产

“97 篇文档、2 个项目、2 篇博文”——数字漂亮但链接都活吗？盘点必须逐项点击验证（演示站唤醒、博文可访问、仓库可 clone）。

坑 3：待办清单丢了归集

散在各天文档里的待办不收拢 = 永远不会做。今天第五节是唯一归集点——待办要有唯一家，阶段 3 开工时从这里取件。

七、自测挑战

T1 · 毕业博文第二篇（60 分钟）

按第三节三个认知为主轴成文（≥ 1500 字），发布并挂链。

T2 · 资产体检（30 分钟）

第四节清单逐项访问验证；死链当场修复；演示站做一次唤醒访问。

T3 · 待办归集确认（20 分钟）

第五节清单与各天文档的待办标记交叉核对，确认无遗漏后作为阶段 3 的输入冻结。

八、总结

环节	要点
四周曲线	写 → 用 → 懂 → 交
能力对照	手写件退役，判断力留存
三认知	责任转移 / 单一状态源 / 边界判断力
作品链	每个作品多吃一层能力——链的下一环是 3D
待办	唯一家归集，阶段 3 取件

明天毕业礼：阶段 2 整体收官与阶段 3（数字孪生）的开工预告。

【阶段2收官】day97-month3-summary