Svelte logo
Svelte logotype

强化控制型 Web 应用程序

Svelte 是一种构建用户界面的全新方法。传统的框架,如 React 和 Vue,大部分工作都是在浏览器中完成的,而 Svelte 则将这些工作转移到编译步骤中,在你构建应用时进行。

Svelte 没有使用像虚拟 DOM diffing 这样的技术,而是写了一些代码,当你的应用程序的状态发生变化时,它就会以手术的方式更新 DOM。

阅读 Svelte 官网介绍性博文,了解更多。

npx degit sveltejs/template my-svelte-project
# 或下载及解压 该 .zip 文件
cd my-svelte-project

npm install
npm run dev
		

有关更多信息,请参阅 《快速入门指南》

学习 Svelte

Svelte 组件建立在 HTML 之上。只需添加数据。

CSS 默认是组件范围的 -- 不再有风格冲突或特性之争。或者你可以使用你最喜欢的 CSS-in-JS 库。

通过分配给局部变量来触发高效的、细粒度的更新。剩下的工作由编译器完成。

使用内置在框架中的强大、高性能的转换引擎构建漂亮的 UI。