1. Introduction
Seajs, a Web module loading framework, pursues a simple and natural way of writing and organizing code. Sea.js follows the CMD specification and modularizes JS code. Automatic loading of dependencies and concise and clear configuration allow programmers to focus more on coding.
2. Advantages and Disadvantages
advantage:
1).Improve maintainability.
2).Modular programming.
3).Dynamic loading, front-end performance optimization
shortcoming:
1). The learning documents are sparse and confusing, which will change the team’s writing habits of using JS, and modular programming must be used.
2). It is not suitable for the current situation of the team. There are many JS files but few changes. The advantages of dynamic loading and modularization are not obvious.
3). Requires the use of SPM tools, JS packaging and management tools.
2. What are CMD and AMD?
Asynchronous Module Definition (AMD) is the abbreviation of Asynchronous Module Definition, which is the standardized output of module definition during the promotion process of RequireJS.
Common Module Definition (CMD) is the abbreviation of Common Module Definition, which is the standardized output of module definition during the promotion process of SeaJS.
RequireJS and SeaJS are both representatives of modular frameworks. AMD and CMD are their respective ways of defining modularity. They are similar, mainly in coding style and API.
3. How to use?
Copy the code as follows: <script src="../js/examples-master/sea-modules/seajs/seajs/2.1.1/sea.js"></script>
<script>
//Configure js path
seajs.config({
alias:{
"jquery":"../examples-master/sea-modules/jquery/jquery/1.10.1/jquery.js"
}
});
//Load module
seajs.use('../js/seajs/init',function($){
$("#test_div").click(function(){alert(1);});
});
</script>
Copy the code code as follows:
//init.js
define(function(require,exports,module){
var $ = require('jquery');
return $;
});