Seajs的學(xué)習(xí)筆記
更新時間：2014年03月04日 12:07:24 作者：
這篇文章主要介紹了Seajs的相關(guān)知識和和學(xué)習(xí)心得,適合剛接觸SeaJS的同學(xué),需要的朋友可以參考下
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.如何使用？
復(fù)制代碼 代碼如下:
<script src="../js/examples-master/sea-modules/seajs/seajs/2.1.1/sea.js"></script>
<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>
<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>
復(fù)制代碼 代碼如下:
//init.js
define(function(require,exports,module){
var $ = require('jquery');
return $;
});
相關(guān)文章
這篇文章主要介紹了seajs中最常用的7個功能、配置,結(jié)合實例形式簡單分析了seajs中常用的項目配置、模塊加載、定義、獲取等操作技巧,需要的朋友可以參考下2017-10-10
seajs中模塊的解析規(guī)則詳解和模塊使用總結(jié)
這篇文章主要介紹了seajs中模塊的解析規(guī)則詳解和模塊使用總結(jié),需要的朋友可以參考下2014-03-03
這篇文章主要介紹了SeaJS中use函數(shù)用法,結(jié)合實例形式分析了use函數(shù)加載模塊的使用方法與相關(guān)操作技巧,需要的朋友可以參考下2017-10-10
圖片懶加載是前端開發(fā)中一項重要的性能優(yōu)化策略,它能夠明顯縮短頁面加載時間,提升用戶的瀏覽體驗,在本文中,我們將深入探討在Vue開發(fā)時候如何實現(xiàn)圖片懶加載,同時探討多種實現(xiàn)途徑,需要的朋友可以參考下2023-08-08
近幾年前端工程化越來越完善，打包工具也已經(jīng)是前端標(biāo)配了，像seajs這種老古董早已停止維護，這是一篇細細品味Seajs源碼的文章,看完一定受益匪淺2019-04-04
這篇文章主要介紹了seajs中模塊依賴的加載處理,結(jié)合實例形式分析了seajs模塊依賴與加載的原理、相關(guān)注意事項與使用方法,需要的朋友可以參考下2017-10-10
這篇文章主要介紹了把jQuery的類、插件封裝成seajs的模塊的方法,需要的朋友可以參考下2014-03-03
Seajs是什么及sea.js 由來，特點以及優(yōu)勢
這篇文章主要介紹了Seajs的相關(guān)知識和和學(xué)習(xí)心得,適合剛接觸SeaJS的同學(xué),需要的朋友可以參考下，有更好的新手教程或文檔，歡迎推薦、分享2016-10-10
這篇文章主要介紹了seajs模塊壓縮問題與解決方法,結(jié)合實例形式分析了seajs模塊壓縮過程中出現(xiàn)的問題及相應(yīng)的解決方法,需要的朋友可以參考下2017-10-10
Seajs 簡易文檔 提供簡單、極致的模塊化開發(fā)體驗
這篇文章主要介紹了Seajs 簡易文檔 提供簡單、極致的模塊化開發(fā)體驗,非官方文檔，整理來自己官方文檔的文字與實例，方便速查。需要的朋友可以參考下2016-04-04