layUI全局配置及定义模块

方法:layui.config(options)

可以在使用模块之前,全局化配置一些参数:

  1. layui.config({
  2. dir: '/res/layui/' //layui.js 所在路径(注意,如果是script单独引入layui.js,无需设定该参数。),一般情况下可以无视
  3. ,version: false //一般用于更新模块缓存,默认不开启。设为true即让浏览器不缓存。也可以设为一个固定的值,如:201610
  4. ,debug: false //用于开启调试模式,默认false,如果设为true,则JS模块的节点会保留在页面
  5. ,base: '' //设定扩展的Layui模块的所在目录,一般用于外部模块扩展
  6. });

方法:layui.define([mods], callback)

通过该方法可定义一个 Layui模块。参数mods是可选的,用于声明该模块所依赖的模块。callback即为模块加载完毕的回调函数,它返回一个exports参数,用于输出该模块的接口。

  1. layui.define(function(exports){
  2. //do something

  3. exports('demo', function(){

  4. alert('Hello World!');
  5. });
  6. });

跟Requirejs最大不同的地方在于接口输出,exports是一个函数,它接受两个参数,第一个参数为模块名,第二个参数为模块接口,当你声明了上述的一个模块后,你就可以在外部使用了,demo就会注册到layui对象下,即可通过 layui.demo() 去执行该模块的接口。

你也可以在定义一个模块的时候,声明该模块所需的依赖,如:

  1. layui.define(['layer', 'laypage'], function(exports){
  2. //do something

  3. exports('demo', function(){

  4. alert('Hello World!');
  5. });
  6. });

Comments