layui框架主體

今天正式的進入框架主體部分的學習與分析，該框架開源從GitHub上clone下來的原始碼主要的部分就是src部分，該部分主要的目錄結構構成如下：

從上圖可以看出css儲存樣式，font儲存圖示(iconfont), images儲存圖片，lay儲存其他內建模組的js檔案，layui.js檔案就是主體部分。
layui.js還是採用IIFE的形式構成，如下面所示：

;!function(window, undefined) {
    // 主要程式碼
}(window);

其中；號與！號的作用就不在囉嗦了，我之前的文章有對其進行解釋，我分析了layui.js整體，繪製了思維導圖，具體如下圖所示：

主體結構清晰簡潔，封裝性感覺很好，沒有不必要的屬性暴露出去，框架提供的頁面元素的相關都是通過定義的CSS類來實現，行為和樣式分離開來，耦合性相對較小。

該框架實現了自己的模組載入機制以及自定義事件機制，實現方法也是定義在Lay的原型物件上，我是通過分析內建模組來分析相關聯的主體函式的功能的，理解並給予詳細的註釋。

本篇文章主要分析主體檔案的組織結構，相關注釋的主體檔案以及各個內建模組的註釋原始檔都會上傳到我的Github上，下一篇將會分析該框架的模組載入機制。