1. Introduction
Seajs, un framework de chargement de modules Web, poursuit une manière simple et naturelle d'écrire et d'organiser le code Sea.js suit la spécification CMD et modularise le code JS. Le chargement automatique des dépendances et une configuration concise et claire permettent aux programmeurs de se concentrer davantage sur le codage.
2. Avantages et inconvénients
avantage:
1).Améliorer la maintenabilité.
2).Programmation modulaire.
3).Chargement dynamique, optimisation des performances frontales
défaut:
1) Les documents d'apprentissage sont clairsemés et déroutants, ce qui changera les habitudes d'écriture de l'équipe en matière d'utilisation de JS, et une programmation modulaire doit être utilisée.
2) Cela n'est pas adapté à la situation actuelle de l'équipe. Il existe de nombreux fichiers JS mais peu de changements. Les avantages du chargement dynamique et de la modularisation ne sont pas évidents.
3). Nécessite l'utilisation d'outils SPM, d'outils de packaging et de gestion JS.
2. Que sont CMD et AMD ?
Asynchronous Module Definition (AMD) est l'abréviation de Asynchronous Module Definition, qui est la sortie standardisée de la définition de module pendant le processus de promotion de RequireJS.
Common Module Definition (CMD) est l'abréviation de Common Module Definition, qui est le résultat standardisé de la définition de module pendant le processus de promotion de SeaJS.
RequireJS et SeaJS sont tous deux des représentants des frameworks modulaires. AMD et CMD sont leurs manières respectives de définir la modularité. Ils sont similaires, principalement dans le style de codage et l'API.
3. Comment utiliser ?
Copiez le code comme suit : <script src="../js/examples-master/sea-modules/seajs/seajs/2.1.1/sea.js"></script>
<script>
//Configurer le chemin js
seajs.config({
alias:{
"jquery": ../examples-master/sea-modules/jquery/jquery/1.10.1/jquery.js"
}
});
//Charger le module
seajs.use('../js/seajs/init',function($){
$("#test_div").click(function(){alert(1);});
});
</script>
Copiez le code comme suit :
//init.js
définir (fonction (exiger, exportations, module) {
var $ = require('jquery');
retourner $ ;
});