来了老弟，layui简单上手

下面小编要讲的是一个和bootstrap差不多的插件，它叫layui！
但不同的是，这是一个经典模块化的插件。
当然，用法也是一样的啦。先到官网下载它插件文件，然后直接在你的项目中引入这个插件（一个css文件和一个js文件）就可以使用了，不用去管其它任何文件。
还有就是你不想它模块的一个个加载，而是一次性加载全部的话，layui也专门有一个插件是一次性加载全部的，文件名字是layui.all.js (不过layui是主模块化的一个插件，所以它是不推荐直接使用这种非模块化的。但是这种方式相对来说是比较香一点的)。

下面就来说下具体用法之类的哈（搬）
模块化用法：
推荐你遵循 layui 的模块规范建立一个入口文件，并通过 layui.use() 方式来加载该入口文件，如下所示：

    1	<script>
    2.	layui.config({
    3.	base: '/res/js/modules/' //你存放新模块的目录，注意，不是layui的模块目录
    4.	}).use('index'); //加载入口
    5.	</script> 
    上述的 index 即为你 /res/js/modules/ 目录下的 index.js，它的内容应该如下：
    1.	/**
    2.	项目JS主入口
    3.	以依赖layui的layer和form模块为例
    4.	**/ 
    5.	layui.define(['layer', 'form'], function(exports){
    6.	var layer = layui.layer
    7.	,form = layui.form;
    8.	
    9.	layer.msg('Hello World');
    10.	
    11.	exports('index', {}); //注意，这里是模块输出的核心，模块名必须和use时的模块名一致
    12.	}); 
13.</script> 

非模块化用法：

如果你并不喜欢 layui 的模块化组织方式，你完全可以毅然采用“一次性加载”的方式，开发人员将 layui.js 及所有模块单独打包合并成了一个完整的js文件，用的时候直接引入这一个文件即可。当你采用这样的方式时，你无需再通过 layui.use() 方法加载模块，直接使用即可，如：

1.	<script src="../layui/layui.all.js"></script> 
2.	<script>
3.	;!function(){
4.	//无需再执行layui.use()方法加载模块，直接使用即可
5.	var form = layui.form
6.	,layer = layui.layer;
7.	
8.	//…
9.	}();
10.	</script> 

上面就是它的简单使用方法。

Layui也同样有着那些页面元素（而且还是挺美观的窝），如页面布局（和bootstrap的布局差不多）、图标、按钮、表单、导航等等，需要这些的话可自行去官网提取（可以下载一个离线的来随时查看哈）。
这插件最出色的就是里面内置的那些模块（下图），同样自行去官网提取哈

好了本期到此结束￣□￣｜｜