Skip to main content
Svelte 基础
介绍
响应式
属性
逻辑
事件
绑定
类和样式
Actions
过渡动画
Svelte 进阶
高级响应性
复用内容
Motion
高级绑定
高级过渡效果
Context API
特殊元素
<script module>
后续步骤
SvelteKit 基础
介绍
路由
加载数据
请求头和 Cookie
共享模块
表单
API 路由
$app/state
错误和重定向
SvelteKit 进阶
钩子函数
页面选项
链接选项
高级路由
高级加载
环境变量
结论

欢迎来到 Svelte 教程!本教程将教你轻松构建各种规模的 Web 应用,且具有高性能和体积小的特点。

你也可以查阅 API 文档并访问演练场,或者,如果你迫不及待想在本地机器上开始编程 - 使用 npx sv create 创建一个项目。

Svelte 是什么?

Svelte 是一个用于构建 Web 应用的工具。像其他用户界面框架一样,它允许你以声明式的方式使用组件构建应用,这些组件结合了标记、样式和行为。

这些组件被编译成小巧高效的 JavaScript 模块,消除了传统 UI 框架相关的开销。

你可以使用 Svelte 构建整个应用(例如,使用本教程将会介绍的 SvelteKit 这样的应用框架),或者将其逐步添加到现有的代码库中。你还可以将组件作为独立的包发布,使其在任何地方都能工作。

如何使用本教程

你需要对 HTML、CSS 和 JavaScript 有基本的了解才能理解 Svelte。

本教程分为四个主要部分:

每个章节都会提供一个练习来说明某个特性。后面的练习会基于前面所学的知识,因此建议你从头到尾完成。如有需要,你可以通过上方菜单导航。

如果你遇到困难,可以点击屏幕右上角的 solve 按钮。(在像这样没有练习的章节中,solve 按钮是禁用的。)尽量不要过度依赖它;通过自己思考每个建议代码块应该放在哪里并手动输入到编辑器中,你会学得更快。

在 GitHub 编辑此页面

上一页 下一页
1
2
<h1>Welcome!</h1>