fly63前端网

www.fly63.com

首页文章资源工具教程 栏目
  • 关于我们
  • 网站投稿
  • 赞助一下
搜索

在线工具_工作生活好帮手

打造各种简单、易用、便捷的在线工具,网友无需注册和下载安装即可使用

点击查看

关闭

提交网站

Lit
分享
复制链接
新浪微博
QQ 好友

扫一扫分享

网站地址:https://lit.dev/
GitHub:https://github.com/lit/lit
网站描述:一个基于 Web-Component 构建的前端框架


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方式)


链接: https://fly63.com/nav/3384

more>>
相关栏目
react
Facebook开发的一款高效、灵活、声明式设计的JS库
官网GitHub
AngularJS
Google推出有条理,可维护,易编程的MVVM框架
官网GitHub
backbone
提供:模型、集合、视图,开发重量级的javascript应用的框架
官网GitHub
jquery
一个快速、简洁的JavaScript代码库
官网GitHub
zepto.js
一个轻量级的针对现代高级浏览器的JavaScript库
官网GitHub
Ember
JavaScript MVC框架,它用来创建复杂的Web应用程序,消除了样板
官网GitHub
nw.js
轻量级桌面应用开发的捷径
官网GitHub
socket.io
一个WebSocket库,包括了客户端的js和服务器端的nodejs
官网GitHub
nuxt.js
基于 Vue.js 的轻量级、服务端渲染 (SSR) 应用框架
官网GitHub
Next.js
实现react的服务端渲染的框架
官网GitHub
Electron
基于Chromium 和 Node.js, 使用 JavaScript, HTML 和 CSS 构建跨平台的桌面应用
官网GitHub
htmx
无需JavaScript的动态HTML
官网GitHub
Nerv
一款由京东凹凸实验室打造的类React前端框架
官网GitHub
lodash
一致性、模块化、高性能的 JavaScript 实用工具库
官网GitHub
ocLazyLoad
AngularJS 的延迟加载(惰性加载)模块和组件
点击进入GitHub
weui.js
WeUI 的轻量级 js 封装
点击进入GitHub

手机预览