Layui 基础

Layui 简单介绍

layui是一款采用自身模块规范编写的前端UI框架，门槛极低，拿来即用，非常适合界面的快速开发。

Layui 自定义模块

1、layui的模块接口会绑定在layui对象下，内部由layui.define()方法来完成。

layui.define(['jquery', 'layer'],function(exports){  //提示：模块也可以依赖其它模块，exports名字固定。
  var obj = {
    hello: function(str){
      alert('Hello '+ (str||'mymod'));
    }
  };
  
  //输出对象obj
  exports('mymod', obj);
}); 

2、设定扩展模块所在的目录，然后就可以在别的JS文件中使用了。

layui.extend({
  mymod: '{/}http://cdn.xxx.com/lib/modName' // {/}的意思即代表采用自有路径，即不跟随base路径，自动省略.js后缀。
})

3、使用自定义模块。

layui.use(['mymod', 'mod1'], function(){
  var mymodName = layui.mymod
  ,modName1 = layui.mod1
  ,modName2 = layui.mod2;
  ......
});