Svelte
Svelte是一个组件框架,类似于react或vue。它区别于传统框架的声明式,避免浏览器使用虚拟DOM等技术将声明式结构转化为DOM操作的额外消耗,增加垃圾收集器负担和消耗框架预算等。
什么是Svelte?
Svelte 是由 Rich Harris 创建的 JavaScript UI 库。 Rich 认为 virtual DOM 带来了额外开销,并提出了 Svelte,现在它正处于第三版的状态。
但是你为什么要学习Svelte?而不是 React 或 Vue?嗯,它有一些有趣的卖点:
- Svelte是编译器,而不是像 React 或 Vue 这样的依赖项
- Svelte 似乎需要更少的代码,用 React 开发同样的功能代码量大约会多 40% (来源:Rich Harris)
- Svelte 没有 virtual DOM,它会被编译成最小的 “vanilla” JavaScript,并且看起来比其他库性能更好
介绍性博客文章
官方网站
Git地址
Svelte preprocessor for less
设置项目
npx degit sveltejs/template my-svelte-project
cd my-svelte-project
npm install
npm run dev
这将在my-svelte-project目录中创建一个新项目,安装其依赖项,并在http://localhost:5000/上启动服务器。
项目简介
项目就绪后,先来看看里面都有些什么。使用文本编辑器打开项目。你会看到一堆文件:
- App.svelte:程序的根组件
- rollup.config.js:Rollup 的配置,即 Svelte 选择的模块捆绑器