首頁 >web前端 >js教程 >Seajs的學習筆記_Seajs

Seajs的學習筆記_Seajs

WBOY
WBOY原創
2016-05-16 16:57:15943瀏覽

1.簡介

Seajs,一個Web模組載入框架,追求簡單、自然的程式碼書寫和組織方式,:Sea.js 遵循 CMD 規範,模組化JS程式碼。依賴的自動載入、配置的簡潔清晰,可以讓程式設計師更專注於編碼。

2.優缺點

優點:
1).提高可維護性。
2).模組化程式設計。
3).動態加載,前端效能最佳化

缺點:
1).學習文件偏少且混亂,會更改團隊使用JS的編寫習慣,必須使用模組化程式設計。
2).不太適合團隊目前的情況,多JS檔案但少改動,動態載入優勢和模組化優勢不明顯。
3). 需要配套使用SPM工具,JS的打包與管理工具。

2.什麼是CMD 和AMD ?

非同步模組定義(AMD)是Asynchronous Module Definition的縮寫,是 RequireJS 在推廣過程中對模組定義的規範化產出。
通用模組定義(CMD)是Common Module Definition的縮寫,是SeaJS 在推廣過程中對模組定義的規範化產出。
RequireJS 和 SeaJS 都是模組化框架的代表,AMD和CMD,是他們各自定義模組化的方式,大同小異,主要是程式碼風格和API不同。

3.如何使用?

複製程式碼 程式碼如下:

<script><BR>     //設定js路徑<BR>    seajs.config({<BR>        alias:{<BR>            "jquery":"../examples-master/sea-modules/jquery/jquery/1.10.1/9.m;  });<BR>     //載入模組<BR>    seajs.use('../js/seajs/init',function($){<BR>        $("#test_div").click(function(){alert(1);}); <BR>    });<BR></script>


複製程式碼 程式碼>//init.jsdefine(function(require,exports,module){
    var $ = require('jquery');
    return $;
});
>
陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn