第 11 周：什么是SPA？

重点：把前几周的全部零件（结构/样式/DOM/事件/异步/ajax）组装成一个应用；前端路由是"页面"概念的重新定义。 边界：模块化与构建工具链归第 13 周，本周用无构建方式实现；组件化方法论归第 14 周。

◆ 项目检查点 4：单页应用 — 见项目检查点4，doc/app.md 启动

概念

1. 单页应用 — SPA：一个页面承载整个应用，"页面"被重新定义；与多页应用的区别与取舍
2. 前端路由 — URL 变了、页面没刷新：路由即状态；hash 与 history 两种实现机制
3. 客户端API — 浏览器从应用变为开发平台：文档/网络/多媒体/系统/设备各类接口一览

支撑

• restful — REST 风格与 JSON:API 信封格式

实训

• 实训：restful后端 — json-server 5分钟起 REST 服务；30 行 express 看清 JSON:API 信封
• 个人应用对接实训后端，用前端路由组织页面，完成首个单页应用

作业

• 项目检查点 4：个人站点升级为单页应用，撰写 doc/app.md