layui
由职业前端倾情打造,面向全层次的前后端开发者,低门槛开箱即用的前端 UI 解决方案
基本信息
- 外文名
layui
- 类型
开源的模块化前端 UI 框架
- 作者
贤心
- 优点
原生开发模式、模块化、兼容性强1
- 最新版本
v2.5.7、2020-11-27
- 面向人群
后端工程师、前端工程师
存在价值
事实上,layui更多是面向于后端开发者,所以在组织形式上毅然采用了几年前的以浏览器为宿主的类 AMD 模块管理方式,却又并非受限于 CommonJS 的那些条条框框,它拥有自己的模式,更加轻量和简单。layui 定义为“经典模块化”,并非是刻意强调“模块”理念本身,而是有意避开当下 JS 社区的主流方案,试图以尽可能简单的方式去诠释高效。它的所谓经典,是在于对返璞归真的执念,它以当前浏览器普通认可的方式去组织模块。 layui 认为这种轻量的组织方式,仍然可以填补 WebPack 以外的许多场景。所以它坚持采用经典模块化,也正是能让人避开工具的复杂配置,重新回归到原生态的 HTML/CSS/JavaScript本身。1
元素
layui的元素由以下组成:
布局(栅格、后台布局)、颜色、字体图标、动画、按钮、表单、导航条、面包屑、选项卡、进度条、面板、静态表格、徽章、时间线、辅助元素等。
模块
layui 提供了丰富的内置模块,他们皆可通过模块化的方式按需加载,其中包括:layer、layDate、layPage、laytpl、table、form、upload、element、tree、layeditor、rate、carousel、flow、util、code等。
layui 还提供了基于layui实现的通用型后台管理模板系统layuiAdmin,包括单页版,ifream版以及套装版。
兼容性
Chrome / Firefox / Safari /Internet Explorer 8.0+1
使用场景
layui可作为 PC网页端后台系统与前台界面的速成开发方案
参考资料
- 1layui 入门指南layui 官网(引用日期 2018-05-10)