Svlete logo

Svelte

Svelte logo
Svelte logotype

Cybernetically enhanced web apps

Svelte 是一种全新的构建用户界面的方法。传统框架如 React 和 Vue 在浏览器中需要做大量的工作,而 Svelte 将这些工作放到构建应用程序的编译阶段来处理。

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

阅读此篇博文 了解更多信息。

npx degit sveltejs/template my-svelte-project
# or download and extract this .zip file
cd my-svelte-project
# to use TypeScript run:
# node scripts/setupTypeScript.js

npm install
npm run dev
		

参阅 此入门指南 了解更多信息。

学习 Svelte

Svelte 组件构建在 HTML 之上。然后只需添加数据即可。

CSS 是默认限定在组件作用域内的,不再有样式冲突或优先级的问题。或者还可以 使用你喜欢的 CSS-in-JS 库

通过给局部变量赋值就能触发高效、细粒度的更新。剩余的事情交给编译器去处理。

使用一个内置于框架中的、强大的、性能卓越的动画引擎(transition engine)来构建漂亮的 UI。

京ICP备11008151号-17