javascript模塊化簡單解析
更新時間：2016年04月07日 09:16:07 作者：劉江龍
這篇文章主要針對javascript模塊化為大家進(jìn)行簡單解析，如何寫一個模塊，在頁面中加載模塊的方法，感興趣的小伙伴們可以參考一下
本文為大家解讀javascript的模塊化，具體內(nèi)容如下
AMD是RequireJS在推廣過程中對模塊定義的規(guī)范化產(chǎn)出。
異步加載模塊，依賴前置，提前執(zhí)行。
Define定義模塊 define([‘require','foo'],function(){return});
Require加載模塊(依賴前置) require([‘foo','bar'],function(foo,bar){});
CMD是SeaJS在推廣過程中對模塊定義的規(guī)范化產(chǎn)出。
Define定義exports 導(dǎo)出define(function(require,exports,module){}); module上存儲了當(dāng)前模塊上的一些對象。
require(./a)直接引入。Require.async異步引入。
同步加載，依賴就近，延遲執(zhí)行。
SeaJS 的應(yīng)用
官方入門例子:http://seajs.org/docs/#quick-start
怎么寫一個SeaJS模塊？
// 所有模塊都通過 define 來定義
define(function(require, exports, module) {
// 通過 require 引入依賴
var $ = require('jquery');
var Spinning = require('./spinning');
// 通過 exports 對外提供接口
exports.doSomething = ...
// 或者通過 module.exports 提供整個接口
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模塊化的簡單介紹，希望對大家學(xué)習(xí)javascript模塊化有所幫助。
相關(guān)文章
JavaScript使用SpreadJS創(chuàng)建Excel查看器
在現(xiàn)代的Web應(yīng)用開發(fā)中,Excel文件的處理和展示是一項常見的需求,小編今天將為大家展示如何借助SpreadJS來創(chuàng)建一個Excel查看器,感興趣的小伙伴可以了解下2023-12-12
這篇文章主要介紹了通過js修改input、select默認(rèn)字體顏色,需要的朋友可以參考下2017-04-04
這篇文章主要介紹了js判斷子窗體是否關(guān)閉的方法,涉及javascript針對子窗體的獲取與屬性判定技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-08-08
JavaScript實現(xiàn)的CRC32函數(shù)示例
這篇文章主要介紹了JavaScript實現(xiàn)的CRC32函數(shù),簡單介紹了CRC32函數(shù)的概念和功能,并給出實例形式分析了CRC32函數(shù)的javascript實現(xiàn)與使用方法,需要的朋友可以參考下2016-11-11
關(guān)于JS性能優(yōu)化中的冰山一角：事件代理、警惕閉包。其實本文有一個文章已經(jīng)說到，閉包如何產(chǎn)生，閉包的作用；2011-01-01
javascript中不提供sleep功能如何實現(xiàn)這個功能
javascript中不提供sleep功能，而我們時長會用到這個功能，下面與大家分享個不錯的解決方法，而且在不同的機器上的執(zhí)行速度是一致的2014-05-05
javascript面向?qū)ο蟪绦蛟O(shè)計高級特性經(jīng)典教程(值得收藏)
這篇文章主要介紹了javascript面向?qū)ο蟪绦蛟O(shè)計高級特性,結(jié)合實例形式詳細(xì)講述了javascript對象的創(chuàng)建,訪問,刪除,對象類型,擴展等,需要的朋友可以參考下2016-05-05
這篇文章主要介紹了JavaScript 上傳文件限制參數(shù)案例詳解,本篇文章通過簡要的案例,講解了該項技術(shù)的了解與使用,以下就是詳細(xì)內(nèi)容,需要的朋友可以參考下2021-09-09
這篇文章主要介紹了利用cookies設(shè)置每隔24小時彈出框的實例代碼,需要的朋友可以參考下2017-04-04
bootstrap學(xué)習(xí)筆記之初識bootstrap
Bootstrap是一款目前非常流行的前端框架，簡單的說，就是html,css,javascript的工具集。本文給大家介紹bootstrap學(xué)習(xí)筆記之初識bootstrap，感興趣的朋友一起學(xué)習(xí)吧2016-06-06