如何快速上手LayUI

我本身是一個寫后台的程序員，對於前台不是很感冒。每每遇到一些前台的問題就容易讓我頭疼，需要花很長的時間來調節一些樣式。這里我推薦使用LayUI這款前台框架，對於一些不太喜歡寫前台的小伙伴有很大的幫助哦~

廢話不多說，上官網下載http://www.layui.com/一個最新的layui框架

需要提醒的是，使用LayUI前必須要引用兩個文件，但是不是隨隨便便引用哦。它要分為兩種用法：一種是模塊化用法，另外一種是非模塊化的用法。

如果使用模塊化用法的時候需要引用

1. ./layui/css/layui.css
2. ./layui/layui.js
3. 通過 layui.use() 方式來加載該入口文件

例：

/**

項目JS主入口

以依賴layui的layer和form模塊為例

**/

layui.define(['layer', 'form'], function(exports){

var layer = layui.layer

,form = layui.form;

layer.msg('Hello World');

exports('index', {}); //注意，這里是模塊輸出的核心，模塊名必須和use時的模塊名一致

});

./layui/css/layui.css

當你采用這樣的方式時，你無需再通過 layui.use() 方法加載模塊，直接使用即可。采用該方式，意味着 layui 的模塊化已經失去了它的意義。但不可否認，它使用起來會更簡單直接。

例：

<script src="../layui/layui.all.js"></script>

<script>

;!function(){

//無需再執行layui.use()方法加載模塊，直接使用即可

var form = layui.form

,layer = layui.layer;

//…

}();

</script>