极简模块化前端UI框架-layui
2019-06-03 12:28:26 
阿炯
layui(谐音：类UI)是一款采用自身模块规范编写的前端 UI 框架，遵循原生 HTML/CSS/JS 的书写与组织形式，门槛极低，拿来即用。采用MIT协议授权。
其外在极简，却又不失饱满的内在，体积轻盈，组件丰盈，从核心代码到 API 的每一处细节都经过精心雕琢，非常适合界面的快速开发。layui 首个版本发布于2016年金秋，她区别于那些基于 MVVM 底层的 UI 框架，却并非逆道而行，而是信奉返璞归真之道。准确地说，她更多是为服务端程序员量身定做，你无需涉足各种前端工具的复杂配置，只需面对浏览器本身，让一切你所需要的元素与交互，从这里信手拈来。
最新版本：2.6
2021年4月，2.6版正式发布。
[调整] 核心模块的聚合，统一构建为 layui.js，这意味着不必再按需异步加载模块，直接就可以使用 layui 所提供的所有组件库。该调整向下兼容，对早前版本的写法不受影响。但需要注意的是：1. 如果之前引入了 layui.all.js 的，现在必须改成 layui.js；2. 如果元素存在动态插入，那么您需要执行元素所对应组件的 render() 方法，如 form.render()
[新增] 基础菜单（layui-menu）样式结构，可无限层级嵌套
[新增] 通用 dropdown 下拉菜单组件
亦可作为「右键菜单组件」使用
[支持] 无限层级嵌套
[支持] 子级菜单的横和竖两种展示方式
[支持] 局部或全局的自定义菜单列表模板，可给菜单列表添加任意元素（图片、图标等）
[支持] 自定义事件，可通过 click、hover、contextmenu（鼠标右键）等等方式调出组件面板
[支持] className、style 属性，用于对组件的样式重置
[新增] 常规面板（layui-panel）样式结构
[优化] layer 组件的核心代码，当初始执行弹窗时，不必再套一层 layer.ready() 了
[优化] layer 组件局部样式，以更贴近简约和百搭
[优化] layDate 组件的日期范围选择，不再是之前一样左右联动的操作方式，而是左右保持完全独立的选择
[优化] layDate 组件局部样式，及剔除多余 js 代码
[修复] layDate 组件中当设为年/月选择器时，点击选择年/月数值时，面板未自动关闭的问题
[修复] layDate 组件当 lang 设置为 'en' 时，部分提示内容未显示英文的问题
[新增] table 组件的 table.getData(id) 方法，用于获取表格当前页的所有行数据（现在不必再通过 table.cache 获取）
[修复] table 组件的 table.reload() 重载方法在多次执行时，会携带上一次执行时的参数的重大 BUG
[新增] util 组件的 unescape(str) 方法，用于将转义后的 HTML 还原
[优化] code 组件整体样式
[优化] 整体边框/背景等色调，以及边距尺寸，以使得视觉搭配更加和谐自然
[优化] 按钮部分样式细节，以及新增对边框按钮各种色系的更好支持
[优化] hr 横线样式，以防止某些情况出现边框模糊的问题
[新增] 新增 CSS3 从顶部往下滑入、微微往下滑入、平滑放小、弹簧式放小四种动画，并优化部分过度动画
[新增] layui-font-样式，可定义常见字体大小和颜色
[加强] table 组件的 table.reload(id, options, deep) 方法，可通过 deep参数控制是否采用深度重载（即参数深度克隆，也就是重载时始终携带初始时及上一次重载时的参数），默认浅重载
[新增] table 组件加载失败时的 error 回调
[优化] table 组件的 render 和 reload 方法，执行时保留 table.set() 设定的全局参数（同名参数覆盖）
[优化] 按钮的尺寸，纯背景色按钮与带边框的按钮，在同等字符长度下尺寸相同
[优化] 时间线只有一条数据时仍然显示线的问题，并优化其他细节
[优化] 管理系统大布局样式，滚动条采用 body 默认，而非之前的 layui-body 所在的元素
官方主页：https://www.layui.com/