AMD_CMD_模塊化規(guī)范

題目1: 為什么要使用模塊化啤握?

1.可以解決命名沖突
2.使代碼更易讀节槐、易維護(hù)
3.解決了文件依賴的問題
4.代碼解耦褐奴,提高復(fù)用性

題目2: CMD配乱、AMD溉卓、CommonJS 規(guī)范分別指什么?有哪些應(yīng)用

  • CMD:即Common Module Definition通用模塊定義搬泥,SeaJS推廣過程中產(chǎn)生的;
    在 CMD 規(guī)范中桑寨,一個模塊就是一個文件,用define關(guān)鍵字定義一個模塊忿檩,這是一個函數(shù);
    使用方式是每次想要調(diào)用其他模塊的時候在寫到現(xiàn)在編寫的模塊中.
define(function(require, exports, module) {
  var a = require('./a')
  a.doSomething()
  var b = require('./b')
  b.doSomething()
})

  • AMD:即Asynchronous Module Definition尉尾,中文名是異步模塊定義的意思。它采用異步方式加載模塊燥透,模塊的加載不影響它后面語句的運(yùn)行沙咏。所有依賴這個模塊的語句,都定義在一個回調(diào)函數(shù)中班套,等到加載完成之后肢藐,這個回調(diào)函數(shù)才會運(yùn)行。它是一個在瀏覽器端模塊化開發(fā)的規(guī)范吱韭;
    使用AMD規(guī)范進(jìn)行頁面開發(fā)需要用到對應(yīng)的庫函數(shù)吆豹,也就是大名鼎鼎RequireJS;
define(id?, dependencies?, factory);

id: 定義中模塊的名字,可選痘煤;如果沒有提供該參數(shù)凑阶,模塊的名字應(yīng)該默認(rèn)為模塊加載器請求的指定腳本的名字。

依賴dependencies:是一個數(shù)組速勇,表示所依賴的模塊晌砾。

工廠方法factory,是一個回調(diào)函數(shù)烦磁,當(dāng)前面指定的模塊都加載成功后养匈,它將被調(diào)用。加載的模塊會以參數(shù)形式傳入該函數(shù)都伪,從而在回調(diào)函數(shù)內(nèi)部就可以使用這些模塊呕乎。

  • CommonJS:是服務(wù)器端模塊的規(guī)范,Node.js采用了這個規(guī)范陨晶。
    在一個模塊中猬仁,存在一個自由的變量”require”,它是一個函數(shù)先誉;
    在一個模塊中湿刽,會存在一個名為”exports”的自由變量,它是一個對象褐耳,模塊可以在執(zhí)行的時候把自身的API加入到其中诈闺;
    模塊必須使用”exports”對象來做為輸出的唯一表示。
// math.js

exports.add = function() {
    var sum = 0, i = 0, args = arguments, l = args.length;
    while (i < l) {
        sum += args[i++];
    }
    return sum;
};
// increment.js

var add = require('math').add;
exports.increment = function(val) {
    return add(val, 1);
};

題目3: 使用 requirejs 完善入門任務(wù)15铃芦,包括如下功能:

  1. 首屏大圖為全屏輪播
  2. 有回到頂部功能
  3. 圖片區(qū)使用瀑布流布局(圖片高度不一)雅镊,下部有加載更多按鈕,點擊加載更多會加載更多數(shù)據(jù)(數(shù)據(jù)在后端 mock)
    4(可選). 使用 r.js 打包應(yīng)用

link
github

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末刃滓,一起剝皮案震驚了整個濱河市仁烹,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌咧虎,老刑警劉巖卓缰,帶你破解...
    沈念sama閱讀 222,183評論 6 516
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異砰诵,居然都是意外死亡僚饭,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 94,850評論 3 399
  • 文/潘曉璐 我一進(jìn)店門胧砰,熙熙樓的掌柜王于貴愁眉苦臉地迎上來鳍鸵,“玉大人,你說我怎么就攤上這事尉间〕ス裕” “怎么了击罪?”我有些...
    開封第一講書人閱讀 168,766評論 0 361
  • 文/不壞的土叔 我叫張陵,是天一觀的道長贪薪。 經(jīng)常有香客問我媳禁,道長,這世上最難降的妖魔是什么画切? 我笑而不...
    開封第一講書人閱讀 59,854評論 1 299
  • 正文 為了忘掉前任竣稽,我火速辦了婚禮,結(jié)果婚禮上霍弹,老公的妹妹穿的比我還像新娘毫别。我一直安慰自己,他們只是感情好典格,可當(dāng)我...
    茶點故事閱讀 68,871評論 6 398
  • 文/花漫 我一把揭開白布岛宦。 她就那樣靜靜地躺著,像睡著了一般耍缴。 火紅的嫁衣襯著肌膚如雪砾肺。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 52,457評論 1 311
  • 那天防嗡,我揣著相機(jī)與錄音变汪,去河邊找鬼。 笑死蚁趁,一個胖子當(dāng)著我的面吹牛疫衩,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播荣德,決...
    沈念sama閱讀 40,999評論 3 422
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼童芹!你這毒婦竟也來了涮瞻?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 39,914評論 0 277
  • 序言:老撾萬榮一對情侶失蹤假褪,失蹤者是張志新(化名)和其女友劉穎署咽,沒想到半個月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體生音,經(jīng)...
    沈念sama閱讀 46,465評論 1 319
  • 正文 獨居荒郊野嶺守林人離奇死亡宁否,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 38,543評論 3 342
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了缀遍。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片慕匠。...
    茶點故事閱讀 40,675評論 1 353
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖域醇,靈堂內(nèi)的尸體忽然破棺而出台谊,到底是詐尸還是另有隱情蓉媳,我是刑警寧澤,帶...
    沈念sama閱讀 36,354評論 5 351
  • 正文 年R本政府宣布锅铅,位于F島的核電站酪呻,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏盐须。R本人自食惡果不足惜玩荠,卻給世界環(huán)境...
    茶點故事閱讀 42,029評論 3 335
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望贼邓。 院中可真熱鬧阶冈,春花似錦、人聲如沸立帖。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,514評論 0 25
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽晓勇。三九已至堂飞,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間绑咱,已是汗流浹背绰筛。 一陣腳步聲響...
    開封第一講書人閱讀 33,616評論 1 274
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機(jī)就差點兒被人妖公主榨干…… 1. 我叫王不留描融,地道東北人铝噩。 一個月前我還...
    沈念sama閱讀 49,091評論 3 378
  • 正文 我出身青樓,卻偏偏與公主長得像窿克,于是被迫代替她去往敵國和親骏庸。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 45,685評論 2 360

推薦閱讀更多精彩內(nèi)容