扫一扫分享
Lit 是一个基于 Web-Component 构建的前端框架,由谷歌Google推出的新前端框架, 前身基本可以理解为即 Polymer , Lit 提供了如下具有竞争力的特性
基于 Web-Component 的更高层封装,提供了现代前端开发习惯的响应式数据,声明式的模版,减少了web component的一部分样板代码.
小。运行时仅有5K
性能强悍。规避了 Vdom 的一些弊端,更新时仅处理 UI 中的异步部分(可以理解成仅处理响应式的部分)
兼容性较好。因为 web-component 是 html 的原生能力,也就代表着 web-component 可以在任何使用 HTML 的地方使用,框架无关。
npm i lit
类jsx/tsx语法。
模版语法类似模版字符串的写法。
只支持原生css,但预编译的样式,需借助打包器编译实现后,通过特定方式引入使用。
支持ts。
编程模型:OOP。
单向数据流,支持MVVM,但无双向绑定。
组件状态管理:使用内置的@state与@property实现。
职责范围小,单纯处理web组件的创建与使用。
跨平台跨框架。
库的体积较小,据官网说明,gzip压缩混淆后只有5k左右。
Lit的html模版中,可以通过(.[属性])的方式,进行自定义回调的传递(官网未说明,属于hack方式)
手机预览