javascript模塊化簡單解析
本文為大家解讀javascript的模塊化，具體內(nèi)容如下
AMD是RequireJS在推廣過程中對(duì)模塊定義的規(guī)范化產(chǎn)出。
異步加載模塊，依賴前置，提前執(zhí)行。
Define定義模塊 define([‘require','foo'],function(){return});
Require加載模塊(依賴前置) require([‘foo','bar'],function(foo,bar){});
CMD是SeaJS在推廣過程中對(duì)模塊定義的規(guī)范化產(chǎn)出。
Define定義exports 導(dǎo)出define(function(require,exports,module){}); module上存儲(chǔ)了當(dāng)前模塊上的一些對(duì)象。
require(./a)直接引入。Require.async異步引入。
同步加載，依賴就近，延遲執(zhí)行。
SeaJS 的應(yīng)用
官方入門例子:http://seajs.org/docs/#quick-start
怎么寫一個(gè)SeaJS模塊？
// 所有模塊都通過 define 來定義
define(function(require, exports, module) {
// 通過 require 引入依賴
var $ = require('jquery');
var Spinning = require('./spinning');
// 通過 exports 對(duì)外提供接口
exports.doSomething = ...
// 或者通過 module.exports 提供整個(gè)接口
module.exports = ...
});
在頁面中加載模塊
//在 hello.html 頁尾，通過 script 引入 sea.js 后，有一段配置代碼：
// seajs 的簡單配置
seajs.config({
base: "../sea-modules/",
alias: {
"jquery": "jquery/jquery/1.10.1/jquery.js"
}
})
// 加載入口模塊
seajs.use("../static/hello/src/main")
以上就是關(guān)于javascript模塊化的簡單介紹，希望對(duì)大家學(xué)習(xí)javascript模塊化有所幫助。
相關(guān)文章
下面小編就為大家?guī)硪黄褂迷鷍s寫ajax實(shí)例(推薦)。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-05-05
javascript正則表達(dá)式基礎(chǔ)知識(shí)入門
很長時(shí)間沒看正則表達(dá)式了，碰巧今天用到，溫故知新了一把,這里記錄下來，分享給大家，都是些基礎(chǔ)的知識(shí)，重點(diǎn)給大家講解的是正則表達(dá)式中4種常用的方法,50% 的舉一反三練習(xí)中的原創(chuàng)。2015-04-04
這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)水平時(shí)間軸，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-05-05
基于js Canvas實(shí)現(xiàn)二次貝塞爾曲線
這篇文章主要為大家詳細(xì)介紹了基于js Canvas實(shí)現(xiàn)二次貝塞爾曲線，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2018-12-12
這篇文章主要介紹了JavaScript 聲明提升的相關(guān)資料，幫助大家更好的理解和學(xué)習(xí)JavaScript，感興趣的朋友可以了解下2020-09-09
javascript實(shí)現(xiàn)計(jì)算器功能
這篇文章主要為大家詳細(xì)介紹了javascript實(shí)現(xiàn)計(jì)算器功能，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-03-03
js封裝成插件_Canvas統(tǒng)計(jì)圖插件編寫實(shí)例
下面小編就為大家?guī)硪黄猨s封裝成插件_Canvas統(tǒng)計(jì)圖插件編寫實(shí)例。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-09-09
js實(shí)現(xiàn)隨機(jī)8位驗(yàn)證碼
這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)隨機(jī)8位驗(yàn)證碼，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2019-06-06
uniApp實(shí)現(xiàn)選擇時(shí)間功能
這篇文章主要介紹了uniApp實(shí)現(xiàn)選擇時(shí)間功能,本文通過實(shí)例代碼給大家介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友參考下吧2024-03-03
將input框中輸入內(nèi)容顯示在相應(yīng)的div中【三種方法可選】
本篇文章主要介紹了在input框中輸入內(nèi)容，會(huì)相應(yīng)的顯示在下面的div中的不同做法：js方法；jQuery方法；AngularJs方法，具有很好的參考價(jià)值。下面跟著小編一起來看下吧2017-05-05