Svelte

Svelte 是一种全新的构建用户界面的方法。传统框架如 React 和 Vue 在浏览器中需要做大量的工作，而 Svelte 将这些工作放到构建应用程序的编译阶段来处理。（而不是用户运行时加载，因此比vue和react更快）

与使用虚拟（virtual）DOM 差异对比不同。Svelte 编写的代码在应用程序的状态更改时就能像做外科手术一样更新 DOM。

将代码编译成独立的小型JavaScript

三个特点:

• 无虚拟DOM: Svelte可以在不依赖虚拟DOM的情况下使用
• 将代码编译成体积更小、不依赖框架的普通JS代码
• 和React一样，对数据变化做出自己的反应，不需要浏览器做额外的工作来将组件转换为DOM操作，将数据更改为JS代码呈现

 

什么时候使用Svelte

1. 构建快速、响应迅速的网站: Svelte的小捆绑包能够确保你创建的任何内容都能够快速的运行。这使得它非常适合哪些想要快速，SEO驱动的网站和卓越的网络体验的用户
2. 为连接性较差的设备创建Web应用：由于Svelte使用的代码更少，这意味着要下载和执行的字节更少，因此非常适合构建网络或设备性能较差的应用
3. 设计交互式页面: 动画和过度内置于Svelte中。开发人员可以使用svelte/animate模块创建交互式内容，这是让访问者与网站保持互动的好方法，并且不会影响加载速度和SEO