第 12 周：状态与存储

重点：HTTP 无状态，状态要自己管——cookie 是历史起点，storage/IndexedDB 等是现代答案；呼应第 3 周埋下的"无状态"伏笔。 边界：SPA 内部的组件状态管理（框架层）不展开，仅指出方向；cookie 的服务端用法（session）归后端课程。

概念

1. Cookies — 无状态协议上的状态补丁：身份、偏好与跟踪
2. 本地存储 — 从 cookie 到 localStorage/IndexedDB/OPFS：KV 与数据库两大阵营的客户端持久化谱系
3. restful — REST 风格与 JSON:API 信封：数据如何"随请求走"

实训

• 实训：restful后端 — json-server 5分钟起 REST 服务；30 行 express 看清 JSON:API 信封
• 为书签应用（第 11 周）的数据换用本地存储持久化，对比"刷新即失"与"关闭仍在"；再对接实训后端，体会"客户端存储"与"服务端存储"的分野

作业

• 个人项目引入客户端存储（如主题偏好、表单草稿）与 restful 数据接口