蒜头蒜

恭喜你，相信经过这段时间的刻苦学习，你又掌握了一门技艺，又在前端旅程上更进一步。 对于全篇的内容，我采用了螺旋前进式的方式进行讲解，让读者朋友们不会随着文章阅读的深入，渐渐觉得难度过大而力不从心。

尽管Svelte的生态环境和React、Vue这两大框架相比稍显得不够庞大，但对于基本的开发已经覆盖全面。为了展现其全面性，会继续从三大框架的各个方面进行对比。 对比 Svelte React Vue

特殊block 这是实现模块的最后一章，笔者会带大家编写如何实现一个简单的if逻辑判断。 首先我们需要在原来判断表达式的逻辑里，加上对特殊html标签的判断。 添加解析特殊标签的逻辑。

解析表达式 目前，我们在标签内的展示内容，都是静态文本。这一样，我们添加对诸如<div>{count}</div>形式内容的支持。 首先在parseFragment方法中

解析子节点 在前面的章节中，我们反复提到没有支持标签内子元素的展示，而导致我们在演示时只能干写标签而无内容，在本章中我们将完善这一功能。 首先我们要改造的是parseFragments： 将其改为接收

在上一章中，我们完成了script的解析，其主要逻辑都集中在parseScript中 标签 解析标签 在parseFragment方法内，添加parseElement的解析逻辑： ??是一个空值合并

我们继续完善上一章中的parse方法。我们从App.svelte读取到字符串内容后，传递进了compile方法中，继而传进到parse方法中。在parse方法内，我们定义一个parseFragment

我们在源码阶段已经初步了解了Svelte的整体运作流程，从这一章开始，笔者将和读者朋友们一起，自己动手实现一个简化版的Svelte，在实现完后，读者朋友们可以和源码篇一起阅读相辅相成，进一步夯实自己

本章笔者将演示Svelte从编译到运行的整体流程。 这里笔者使用的Node版本为18.15.0。 首先我们下载源码，然后把版本分支切换到4.2.12分支。 Svelte使用的是monorepo的管理