Seajs的學(xué)習(xí)筆記
1.簡介
Seajs,一個Web模塊加載框架,追求簡單、自然的代碼書寫和組織方式,:Sea.js 遵循 CMD 規(guī)范,模塊化JS代碼。依賴的自動加載、配置的簡潔清晰,可以讓程序員更多地專注編碼。
2.優(yōu)缺點
優(yōu)點:
1).提高可維護性。
2).模塊化編程。
3).動態(tài)加載,前端性能優(yōu)化
缺點:
1).學(xué)習(xí)文檔偏少且混亂,會更改團隊使用JS的編寫習(xí)慣,必須使用模塊化編程。
2).不太適合團隊目前的情況,多JS文件但少改動,動態(tài)加載優(yōu)勢和模塊化優(yōu)勢不明顯。
3). 需要配套使用SPM工具,JS的打包和管理工具。
2.什么是CMD 和AMD ?
異步模塊定義(AMD)是Asynchronous Module Definition的縮寫,是 RequireJS 在推廣過程中對模塊定義的規(guī)范化產(chǎn)出。
通用模塊定義(CMD)是Common Module Definition的縮寫,是SeaJS 在推廣過程中對模塊定義的規(guī)范化產(chǎn)出。
RequireJS 和 SeaJS 都是模塊化框架的代表,AMD和CMD,是他們各自定義模塊化的方式,大同小異,主要是代碼風(fēng)格和API不同。
3.如何使用?
<script>
//配置js路徑
seajs.config({
alias:{
"jquery":"../examples-master/sea-modules/jquery/jquery/1.10.1/jquery.js"
}
});
//加載模塊
seajs.use('../js/seajs/init',function($){
$("#test_div").click(function(){alert(1);});
});
</script>
//init.js
define(function(require,exports,module){
var $ = require('jquery');
return $;
});
相關(guān)文章
Seajs 簡易文檔 提供簡單、極致的模塊化開發(fā)體驗
這篇文章主要介紹了Seajs 簡易文檔 提供簡單、極致的模塊化開發(fā)體驗,非官方文檔,整理來自己官方文檔的文字與實例,方便速查。需要的朋友可以參考下2016-04-04詳解Sea.js中Module.exports和exports的區(qū)別
最近在看Seajs時,看到了exports.doSomething和module.exports,想對這兩者的區(qū)別一探究竟。所以下面這篇文章主要介紹了Sea.js中Module.exports和exports的區(qū)別,需要的朋友可以參考借鑒,一起來看看吧。2017-02-02seajs學(xué)習(xí)之模塊的依賴加載及模塊API的導(dǎo)出
SeaJS是一個遵循 CommonJS 規(guī)范的模塊加載框架,可用來輕松愉悅地加載任意JavaScript模塊和css模塊樣式。SeaJS接口和方法也非常少,SeaJS 就兩個核心:模塊定義和模塊的加載及依賴關(guān)系。本文將詳細(xì)介紹模塊的依賴加載及模塊API的導(dǎo)出,有需要的朋友們可以參考借鑒。2016-10-10seajs中模塊的解析規(guī)則詳解和模塊使用總結(jié)
這篇文章主要介紹了seajs中模塊的解析規(guī)則詳解和模塊使用總結(jié),需要的朋友可以參考下2014-03-03Seajs是什么及sea.js 由來,特點以及優(yōu)勢
這篇文章主要介紹了Seajs的相關(guān)知識和和學(xué)習(xí)心得,適合剛接觸SeaJS的同學(xué),需要的朋友可以參考下,有更好的新手教程或文檔,歡迎推薦、分享2016-10-10