Layui

Layui.js内部提供了许多底层引擎，同样也是整个Layui框架体系的有力支撑，尽管可能不会用到，但也要认识，以便需时使用

第三方支撑
Layui部分模块依赖jQuery(如:layer),但并不需要额外地加载jQuery。Layui已经将jQuery最稳定的一个版本改为layui的内部模块，当去使用layui之类的模块时，会自动判断你的页面是否已经引入了jQuery；如果没有，则自动加载内部的jQuery模块，如果有，则不会再加载。
规范
CSS内置公共基础类：
·layui-main
用于设置一个宽度为1140px的水平居中块（无响应式）
·layui-inline
用于将标签设为内联块状元素
·layui-box
用于排除一些UI框架（如：Bootstrap）强制将全部元素设为box-sizing:border-box所引发的尺寸偏差
·layui-clear
用于消除浮动（一般不怎么使用，因为layui几乎没有用到浮动）
·layui-btn-container
用于定义按钮的父容器
·layui-btn-fluid
用于定义流体按钮；即宽度最大化适应
辅助：
·layui-icon
用于图标
·layui-elip
用于单行文本溢出省略
·layui-unselect
用于屏蔽选中
·layui-disabled
用于设置元素不可点击状态
·layui-circle
用于设置元素为圆形
·layui-show
用于显示块状元素
·layui-hide
用于隐藏元素
文本：
·layui-text
定义一段文本区域（如：文章），该区域内的特殊标签（如：a、li、em等）将会进行相应处理
·layui-word-aux
灰色标注文字，左右会有间隔
背景色：
·layui-bg-red
用于设置元素赤色背景
·layui-bg-orange
用于设置元素橙色背景

·其他的类一般都是某个元素或模块所特有，因此不作为我们所定义的公共类
CSS命名规范
Class命名前缀：layui，连接符：-，如：class=”layui-form”
命名格式：
一：layui-模块名-状态或类型
二：layui-状态或类型
·有些类并非是某个模块所特有，他们通常会是一些公共类
HTML规范：常用公共属性
很多时候，元素的基本交互行为，都是由模块自动开启；不同的区域可能需要触发不同的动作，这就需要自定义设定，layui所支持的自定义属性来作为区分。
公共属性（即普遍运用于所有元素上的属性）
属性：
·lay-skin=””：定义相同元素的不同风格；如：checkbox的开关风格
·lay-filter=””：事件过滤器；一般用于监听特定的自定义事件，可以看作是一个ID选择器
·lay-submit：定义一个触发表单提交的button，不用填写值