乐趣区

关于javascript:LuLu-UI-腾讯阅文集团出品的半封装-开源-Web-UI-组件库特点是面向设计简单灵活支持-Vue


阅文团体前端大神张鑫旭的团队出品的面向设计的前端 UI 组件库,上手简略,定制性强。

对于 LuLu UI

LuLu UI 是一款面向桌面端和挪动端网页开发的组件库,由阅文团体前端团队出品。阅文团体由腾讯文学 (代表产品 QQ 浏览) 和隆重文学 (代表产品终点中文网) 合并而成。LuLu UI 始于 2015 年,已胜利反对多个千万 PV 大型项目,迭代优化多年,是一个较成熟的收费开源框架。

和目前绝大多数的 UI 组件库不同,LuLu UI 只封装了性能,没有封装 UI,因而是一个面向设计的“半封装”组件库,特点是更柔软,更亲热,同时简略灵便,对用户侧十分敌对,非常适合面向内部用户的 PC 网站,或者须要轻量与麻利的我的项目。

LuLu UI 的技术个性

开发上手和应用倡议

LuLu UI 诞生于 2015 年,长期服务于阅文团体实在的业务场景,在 Github 主页上强调这并不是 KPI 我的项目,会始终一直迭代,不要放心遇到问题会无人问津。

LuLu UI 的主导者是阅文团体的张鑫旭,酷爱前端的人应该都看过不少张鑫旭写的前端教程文章,通俗易懂,文笔有趣,大多都是对于前端畛域的前沿技术个性,并且著有《CSS 世界》等多本前端书籍。LuLu UI 的很多文档,都是他写的。我接触 LuLu UI 源自于张鑫旭大神的《面向设计的半封装 web 组件开发》的文章,这篇文章具体地阐明了前端开发和 UI 设计之间的蹩脚关系,倡议认真研读。他认为 UI 组件就应该只负责 UI,跟业务没有关系才对。

LuLu UI 中的很多 UI 组件都是采纳这样的设计思维。所以咱们会发现 LuLu UI 组件不是传统的大而全,而是走极简轻便灵便方向,体现为模块低耦合,层级扁平;API 非常少,尤其一些根本组件,间接就没有 API。

说白了,这和很多现成的 UI 组件库不一样,它们往往只能通过配置批改色彩,重大限度了设计的施展,而 LuLu UI 只帮咱们解决了组件的性能,款式还是须要咱们去依据理论的 UI 设计去编写,设计后行,能够做到完满还原设计。

抉择 UI 组件库,或者说抉择一种技术路线,须要思考我的项目中优先级最高的是设计?是效率?还是团队合作?依据不同的需要来抉择适合的才是最优解。LuLu UI 针对浏览器反对水平,提供了 3 个不同的版本(官网叫“主题”,但不是格调款式的意思):

  • Peak 主题兼容 IE8+,提供 Aria 屏幕浏览设施无障碍拜访以及键盘无障碍拜访反对
  • Pure 主题兼容 IE9+,实用于 PC,兼顾 Mobile 端的 UI 组件库,非常适合面向内部用户的网站开发
  • Edge 主题应用原生 JavaScript 编写,应用了 JavaScript 和 CSS 前沿的新语法和新个性,不反对 IE 浏览器,且实用于 React 和 Vue 我的项目。

这里我就不放过多技术细节了,官网的文档写得十分好,用法很简略,上手极快,是一款十分不一样的 UI 组件库,强烈建议去体验应用。

收费开源阐明

LuLu UI 是腾讯旗下阅文团体出品的 web UI 组件库,源码基于 MIT 开源协定托管在 Github 上,任何集体和公司都能够收费应用。

相干网址:https://www.thosefree.com/lul…

退出移动版