ylbtech-Template-Layui:百科 |
layui,是一款采用自身模块规范编写的前端 UI 框架,遵循原生 HTML/CSS/JS 的书写与组织形式,门槛极低,拿来即用。其外在极简,却又不失饱满的内在,体积轻盈,组件丰盈,从核心代码到 API 的每一处细节都通过精心雕琢,很是适合界面的快速开发。layui 首个版本发布于2016年秋,它区别于那些基于 MVVM 底层的 UI 框架,却并不是逆道而行,而是信奉返璞归真之道。准确地说,她更可能是为服务端程序员量身定作,你无需涉足各类前端工具的复杂配置,只需面对浏览器自己,让一切你所须要的元素与交互,从这里信手拈来。前端
一、
-
外文名:layui
-
类 型:开源的模块化前端 UI 框架
-
做 者:贤心
-
优 点:原生开发模式、模块化、兼容性强
-
最新版本:2.5.4,2019-06-06
-
面向人群:后端开发者,前端工程师
二、
一、
存在价值
事实上,layui更可能是面向于后端开发者,因此在组织形式上毅然采用了几年前的以浏览器为宿主的类 AMD 模块管理方式,却又并不是受限于 CommonJS 的那些条条框框,它拥有本身的模式,更加轻量和简单。layui 定义为
“经典模块化”,并不是是刻意强调“模块”理念自己,而是有意避开当下 JS 社区的主流方案,试图以尽量简单的方式去诠释高效!它的所谓经典,是在于对返璞归真的执念,它以当前浏览器普通承认的方式去组织模块! layui 认为这种轻量的组织方式,仍然能够填补 WebPack 之外的许多场景。因此它坚持采用经典模块化,也正是能让人避开工具的复杂配置,从新回归到原生态的 HTML/CSS/JavaScript自己!
元素
layui的元素由如下组成:
布局(栅格、后台布局)、颜色、字体图标、动画、按钮、表单、导航条、面包屑、选项卡、进度条、面板、静态表格、徽章、时间线、辅助元素等。
模块
layui 提供了丰富的内置模块,他们皆可经过模块化的方式按需加载,其中包括:
layer、layDate、layPage、laytpl、table、form、upload、element、tree、layeditor、rate、carousel、flow、util、code等。
兼容性
Chrome / Firefox / Safari /
Internet Explorer 8.0+
使用场景
layui可做为 PC网页端后台系统与前台界面的速成开发方案
二、
0.一、
0.二、
一、
二、