Svelte

Svelte 提供了各种内置的特殊元素。这些特殊的内置元素在某些时候可以简化我们对于一些特殊标签(如window,head, body等)的操作。

组件 Context（上下文） API 为组件提供一种彼此 '对话' 机制，而无需将数据和函数作为属性来传递，或者发送大量的事件。类似于vue的provide和inject。

Svelte中的组件，支持让组件作为容器，为其添加子组件，以此组合出更大更强的组件，这种容器被称为 `插槽`（Slots）。这和Vue中slot的作用是十分类似的。

Svelte 在操作样式类方面与 Vue 较为接近，是直接内置了对样式类操作的支持，不过没有 Vue 支持得那么强大。

动作(action)具有良好的封装性和复用性，可以将逻辑代码拆分到 JS 文件中供反复应用。action是一种为组件增强能力的特性。通过action可以将各式各样功能强大的第三方库的功能集成到组件上。

页面上的交互动画主要都是一些偏线性的过渡效果，在操作与操作之间缓和过渡，以避免生硬冒失，唐突而出。Svelte将效果划分为三个小部分：运动效果、过渡效果和动画。

当我们期望有一个状态在脱离组件的层级（父-子）关系且能够在任意位置都能访问时，状态管理就变得十分有用。无论是React 的 Redux，或者 Vue 的 Vuex，还是Svelte中的store。

组件的生命周期函数不是新鲜玩意，各个主流框架都有，它是一种 Hook 钩子函数，所谓钩子，实际上是一种回调，它提前声明，并将在适当的时机被自动调用。

通常，Svelte 中的数据流是自上而下的，但是某些情况下，我们需要数据双向绑定来简化我们的操作，尤其是在使用表单元素收集用户输入的信息的时候。

本章探讨了 Svelte 事件的全部内容。如果你正在编写一个 Svelte 组件库，那么事件转发是组件库创作者的必备工具箱，组件库里的组件一般不处理事件响应，而是应该将这个响应移交使用端处理。

在UI框架中，除去脚本，组件的另一个核心点是 UI。 但是用于描述UI的html本身无法表达逻辑，因此，Svelte 为模板增加了一些逻辑支持，譬如判断、遍历等，以增强UI 的逻辑表达能力。

Svelte中的 Props与React、Vue之间并无过多差异，甚至某些场景下显得更弱一些。主要表现为无法非常简单地添加一些动态的事件和动画相关的属性。

Svelte 中的响应式，对应着React的状态或Vue的 data。Svelte代替我们去关注数据应该如何更新，使开发者以十分简单的方式去更新和处理 UI 数据

Svelte 是一个构建 web 应用程序的工具。Svelte 与诸如 React 和 Vue 等 JavaScript 框架类似，都怀揣着一颗让构建交互式用户界面变得更容易的心。