Lit？是什么？他能给我们带来什么？为什么能统一所有前端组件？
vue、react、angular等等，不管你怎么写代码，不可否认的是他们都在浏览器有使用，现在有很多公共的组件库，当然也有大厂公司自己的组件库，那么有没有一个组件库能同时支持所有运行在浏览器的组件库，它来了，它走着六亲不认的步伐，它来了。Lit！！！
它的特点：
1.跳过模版。Lit 建立在 Web Components 标准之上，添加了让你对组件所需的一切：反应性、声明性模板和一些周到的功能，以减少样板并让您的工作更轻松。每个 Lit 功能都经过精心设计，考虑到了 Web 平台的演变。
2.占地面积小，即时更新。重量约为 5 KB（缩小和压缩），Lit 有助于保持包的大小和加载时间短。渲染速度非常快，因为 Lit 在更新时只接触 UI 的动态部分——无需重建虚拟树并将其与 DOM 进行比较。
3.可互操作且面向未来。每个 Lit 组件都是原生 Web 组件，具有互操作性的超强能力。Web 组件可以在您使用 HTML 的任何地方使用，可以使用任何框架或根本不使用。这使 Lit 成为构建可共享组件、设计系统或可维护、面向未来的站点和应用程序的理想选择。
它的要素：
自定义元素
Lit 组件是标准的自定义元素，因此浏览器将它们视为内置元素。在手写的 HTML 或框架代码中使用它们，从您的 CMS 或静态站点构建器输出它们，甚至在 JavaScript 中创建实例——它们只是工作！
范围样式
默认情况下，Lit 使用Shadow DOM限定您的样式。这使您的 CSS 选择器保持简单，并确保您的组件的样式不会影响 - 也不会受到 - 页面上的任何其他样式的影响。
反应性质
声明反应性属性以对组件的 API 和内部状态进行建模。每当反应性属性（或相应的 HTML 属性）发生变化时，Lit 组件都会有效地重新渲染。
声明式模板
Lit 模板基于标记的模板文字，简单、富有表现力且快速，具有内联原生 JavaScript 表达式的 HTML 标记。无需学习自定义语法，无需编译。
这些已经够了。那么期待，创新的UI出来吧！可能你就是最新的那个创造者
网友评论