Svelte 基础

2023-02-20 15:11 更新

欢迎使用 Svelte 教程。这将教会您轻松构建快速、小型 Web 应用程序所需的一切知识。

您还可以查阅 API 文档 和 示例,或者——如果您迫不及待地想在本地开始 —— 60 秒快速入门

什么是 Svelte?

Svelte 是一种用于构建快速 Web 应用程序的工具。

它类似于 React 和 Vue 等 JavaScript 框架,它们的共同目标是轻松构建流畅的交互式用户界面。

但有一个关键的区别:Svelte 在构建时将您的应用程序转换为理想的 JavaScript,而不是在运行时解释您的应用程序代码。这意味着您无需支付框架抽象的性能成本,并且您的应用程序首次加载时不会受到惩罚。

您可以使用 Svelte 构建整个应用程序,也可以将其增量添加到现有代码库中。您还可以将组件作为可在任何地方使用的独立包进行交付,而无需依赖传统框架的开销。

如何使用本教程

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

在学习本教程的过程中,您将看到旨在说明新功能的小练习。后面的章节建立在前面章节中获得的知识之上,因此建议您从头到尾阅读。

了解组件

在 Svelte 中,应用程序由一个或多个组件组成。组件是一个可重复使用的独立代码块,它封装了属于一起的 HTML、CSS 和 JavaScript,并写入一个 ​.svelte​ 文件中。代码编辑器中的“hello world”示例是一个简单的组件。

  • App.svelte
<h1>Hello world!</h1>


以上内容是否对您有帮助:
在线笔记
App下载
App下载

扫描二维码

下载编程狮App

公众号
微信公众号

编程狮公众号