sveltejs/svelte
5 articles
前置知识
- ›对 Svelte 组件有基本了解
- ›熟悉 npm 包结构和 ES modules
- ›具备前端框架的基础知识
01
Svelte 5 代码库架构：一张导览地图
Svelte 5 monorepo 全面导读——涵盖编译器与运行时的双重架构、条件导出、内部 ABI、特性标志，以及基于 Markdown 的错误信息管理机制。
02
深入 Svelte 编译器：从 .svelte 源码到 JavaScript 输出
详细解析三阶段编译器流水线——基于状态机的解析器、作用域与 rune 分析，以及将 AST 转换为优化后 JavaScript 的完整过程。
03
响应式引擎：Sources、Deriveds、Effects 与批量调度器
深入剖析 Svelte 5 基于拉取的信号响应式系统——三种响应式原语、位标志、依赖追踪、effect 树、脏检查，以及批量调度器。
04
DOM 渲染：模板、控制流块与 Hydration
Svelte 编译产物如何创建和更新 DOM——模板克隆、mount/hydrate 入口、控制流块、hydration 协议，以及 SSR Renderer 类。
05
支撑系统：响应式工具类、迁移工具、开发者工具与测试
构成完整 Svelte 体验的各个子系统——响应式工具类、Svelte 4→5 迁移、store 兼容层、开发模式功能、过渡动画，以及保障一切正常运转的测试基础设施。