编译型 UI 框架比较

用 Svelte、SolidJS 和 Qwik 比较编译、细粒度响应式与可恢复性，不把实验性机制混入主流框架主线。

阅读起点

学习前先阅读：HTML & CSS 学习路线。

全书顺序

本书按知识依赖组织。主线先建立可运行的共同模型，再进入机制、工程边界和生产约束；维护与前沿内容明确标注，不改变主线的学习顺序。

第1章｜编译与细粒度响应式

比较不同框架如何把组件、响应式和更新成本映射到运行时。

1. Svelte 模板与编译：理解组件语法、编译输出和运行时边界。
2. Svelte Runes 与 Stores：比较显式响应式、store 和异步数据。
3. Solid Signals 与执行模型：理解细粒度依赖、memo 和 effect。
4. 组件与控制流：比较 props、控制流、资源和副作用。

第2章｜可恢复性与前沿运行时

理解可恢复性、序列化和 SSR 交付的适用边界。

1. Qwik 组件与事件：理解事件懒加载和组件边界。
2. Resumability 与序列化：比较恢复与重新执行的成本。
3. 路由、loader 与 action：组织数据加载、表单动作和错误。
4. 部署与实验性边界：评估采用成本、生态和回退策略。

阅读边界

本页是学习路线和专题入口，不替代专题笔记中的机制解释、可运行示例和练习。笔记尚未完成的专题会先显示为占位页；已有经验的读者可以跳到具体章节，再按前置关系回补。

路线状态

本路线的目录已完成本轮架构审查；专题笔记的内容质量和来源审查另行进行。