layui模組規範

2021-09-02 20:49:02 字數 611 閱讀 7271

預先載入

開門見山,還是直接說使用比較妥當。layui的模組載入採用核心的 layui.use(mods, callback)方法,當你的js 需要用到layui模組的時候,我們更推薦你採用預先載入,因為這樣可以避免到處寫layui.use的麻煩。你應該在最外層如此定義:

/*demo1.js

使用layui的form和upload模組

*/layui.use(['form', 'upload'], function());

//例項化乙個上傳控制項

upload(

})});

按需載入(不推薦)

模組命名空間

layui的全部模組繫結在 layui物件下,內部由layui.define()方法來完成。每乙個模組都會乙個特有的名字,並且無法被占用。所以你無需擔心模組的空間被汙染,除非是你 delete layui.mod; 呼叫乙個模組也必須借助layui物件的賦值。如:

layui.use(['layer', 'laypage', 'laydate'], function());

前端開發中常見模組規範

主要是正像服務端 後端 的模組規範,尤其是在nodejs發展起來後得到快速發展。事例1 file a modulea 模組通過module.exports匯出對外的變數或介面 module.exports function value 分割線 fileb 通過 require 來匯入其他模組的輸出到...

AMD,CMD,UMD 三種模組規範 寫法格式

一下三塊均以 foo.js 為示例檔名,以 jquery,underscore 為需求元件 adm 非同步模組規範,requirejs 的支援格式 1 檔名 foo.js 2 define jquery underscore function 私有方法,因為沒有被返回 見下面 5function b...

Layui之表單模組

1.layui之表單元素 在layui之表單元素中介紹了使用 layui 製作表單的用法,而這裡主要是補充一些 layui 的表單模組的用法。如果是直接寫在html檔案中的單選框 核取方塊 選擇框,會在載入 js 的時候自動渲染,而有些時候,有的表單元素可能是動態插入的,這時 form 模組 的自動...