layui入門(一)

1.下載layui
下載地址
點擊會出現以下界面，直接下載即可

2.解壓導入layui
解壓後會出現以下三個文件

只需將layui文件夾複製到項目即可

3.引用兩個核心文件
1.ayui/layui.js
2.layui/css/layui.css

4.layui的兩種開發模式
1.模塊化開發
根據不同的的需求加載不同的依賴

<script>
layui.use(['layer', 'form'], function(){
  var layer = layui.layer
  ,form = layui.form; //每次需要不同的需求時都需要通過layui獲取不同的依賴模塊
  layer.msg('Hello World');
});
</script> 

2.非模塊化
將核心文件ayui/layui.js改爲layui/layui.all.js

<script>
;!function(){
  //無需再執行layui.use()方法加載模塊，直接使用即可
  var form = layui.form
  ,layer = layui.layer;
}();
</script>