Notes d'étude Seajs_Seajs

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

Avantages :
1). Améliorer la maintenabilité.
2). Programmation modulaire.
3).Chargement dynamique, optimisation des performances frontales

Inconvénients :
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). Ce 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, de packaging JS et d'outils de gestion.

2. Que sont les CMD et AMD ?

Asynchronous Module Definition (AMD) est l'abréviation de Asynchronous Module Definition, qui est le résultat standardisé 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 ?

Copier le code Le code est le suivant :

<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>

Copier le code Le code est le suivant :

//init.js
define(function(require,exports,module){
var $ = require('jquery');
retourner $;
});