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

2021-10-06 21:20:59 字數 1191 閱讀 9336

一下三塊均以 foo.js 為示例檔名,以 jquery,underscore 為需求元件

adm:非同步模組規範, requirejs 的支援格式

1

//檔名: foo.js

2 define(['jquery', 'underscore'], function

($, _) ; //

私有方法,因為沒有被返回(見下面)

5function b(){}; //

公共方法,因為被返回了

6function c(){}; //

公共方法,因為被返回了7//

暴露公共方法

8return

12 });

commonjs:node 的支援格式

1

//檔名: foo.js

2var $ = require('jquery');

3var _ = require('underscore');45

//methods

6function a(){}; //

私有方法,因為它沒在module.exports中 (見下面)

7function b(){}; //

公共方法,因為它在module.exports中定義了

8function c(){}; //

公共方法,因為它在module.exports中定義了910

//暴露公共方法

11 module.exports =;

umd:通用模式,支援以上兩種格式,切可以支援老式的 「全域性變數」 規範

1 (function

(root, factory) else

if (typeof exports === 'object') else

12 }(this, function

($, _) ; //

私有方法,因為它沒被返回 (見下面)

15function b(){}; //

公共方法,因為被返回了

16function c(){}; //

公共方法,因為被返回了

1718

//暴露公共方法

19return

23 }));

layui模組規範

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

前端開發中常見模組規範

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

SRAM的基礎模組存有三種情況

sram是隨機訪問儲存器的一種。靜態 是指這種儲存器只要保持通電,裡面儲存的資料就可以恆常保持。sram不需要重新整理電路即能儲存它內部儲存的資料。sram功耗取決於它的訪問頻率。如果用高頻率訪問sram,其功耗比dram大得多。有的sram在全頻寬時功耗達到幾個瓦特量級。另一方面,sram如果用於...