Seajs是什麼及其優缺點&如何使用？

標籤：UI   cmd   學習   動態載入   define   example   介紹   過程   工具   

這篇文章主要介紹了Seajs的相關知識和和學習心得,適合剛接觸SeaJS的同學,需要的朋友可以參考下，有更好的新手教程或文檔，歡迎推薦、分享！

1. Seajs簡介 Seajs，一個Web模組載入架構，追求簡單、自然的代碼書寫和組織方式，：Sea.js 遵循 CMD 規範，模組化JS代碼。依賴的自動載入、配置的簡潔清晰，可以讓程式員更多地專註編碼。 2. Seajs優缺點 優點：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. Seajs如何使用？

一段代碼教新手一目瞭然，快速上手！
  代碼如下:<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> 代碼如下://init.jsdefine(function(require,exports,module){    var $ = require(‘jquery‘);    return $;});

Seajs就是如此簡單，快來深入學習吧！

Seajs是什麼及其優缺點&如何使用？