layui模块规范_layui模块规范文档_layer在线模块规范文档

模块规范

layui 定义了一套更轻量的模块规范。并且这种方式在经过了大量的实践后，成为 layui 最核心的模块加载引擎。

预加载模块【演示中均采用全局加载模式】

<link rel="stylesheet" href="/static/layui/css/layui.css">
<script src="/static/layui/layui.js" charset="utf-8"></script>

局部模块加载(全局加载无需再次引入)

layui.use(['form', 'upload','carousel','code','colorpicker','element','flow','jquery','laydate','layedit','layer','laypage','rate','slider','table','transfer','tree','util'], function(){  //如果只加载一个模块，可以不填数组。如：<em>layui.use('form')</em>
  var form = layui.form //引入form表单模块
  ,upload = layui.upload //引入附件上传upload模块
  ,carousel = layui.carousel //引入轮播模块
  ,code = layui.code //引入代码修饰器模块
  ,colorpicker = layui.colorpicker //引入附件上传upload模块
  ,element = layui.element //引入layui颜色选择器模块
  ,flow = layui.flow //引入流加载模块
  ,jquery = layui.jquery //引入jquery模块,外部引用了Jquery这里就不需要再引入
  ,laydate = layui.laydate //引入日期模块
  ,layedit = layui.layedit //引入富文本编辑器模块
  ,layer = layui.layer //引入弹出层模块
  ,laypage = layui.laypage //引入分页组件模块
  ,rate = layui.rate //引入星星评分组件模块
  ,slider = layui.slider //引入滑块模块
  ,table = layui.table //引入table表格模块
  ,transfer = layui.transfer //引入穿梭框模块
  ,tree = layui.tree //引入树形结构模块
  ,util = layui.util //引入工具集模块

//注意：采用模块加载，后续所有代码放内部执行
	？
	？
});

其实关于模块的核心，就是 layui.js 的两个底层方法：一个用于定义模块的 layui.define()，一个加载模块的 layui.use()。

后续文档，我们将默认采用全局引入方式执行