Quel fichier est Seajs ?

Qu'est-ce que seaJS ?

Semblable à requireJS, seaJS est également un framework JS écrit en JavaScript. Sa fonction principale est de charger du JavaScript et d'autres fichiers selon différentes dépendances. très approprié pour une utilisation dans les navigateurs. Il peut garantir que le fichier JS actuel est chargé après le chargement des fichiers JS dépendants. Cela garantit l'ordre de chargement séquentiel de chaque fichier JS dans les projets qui utilisent un grand nombre de fichiers JS, garantissant ainsi l'évitement. Dans le passé, pour certaines raisons, un fichier était lent à charger et d'autres fichiers à chargement rapide devaient s'appuyer sur certaines de ses fonctions et une certaine fonction ou une certaine variable ne pouvait pas être trouvée. C'est très utile et c'est aussi le principal. but de seaJS (conforme à CMD). La valeur réside en lui mais elle est différente de requireJS (conforme aux spécifications AMD).

Points de connaissance rapides :

1. seajs.config({...}); Sea.js pour la configuration.

2. seajs.use(['a','b'],function(a,b){...}); //Utilisé pour charger un ou plusieurs modules dans la page.

3. Define(function(require, exports, module){...}); //Utilisé pour définir des modules. Sea.js recommande un module et un fichier, et suit une méthode d'écriture unifiée :

4. require(function(require){var a = require("xModule"); ... }); require est utilisé pour obtenir l'interface du module spécifié.

5. require.async, //Utilisé pour charger un ou plusieurs modules de manière asynchrone à l'intérieur du module. Par exemple :

define(function(require){
    require.async(['aModule','bModule'],function(a,b){  // 异步加载多个模块，在加载完成时，执行回调
    a.func();
    b.func();
    })    
});

6. exports, //Utilisé pour fournir des interfaces externes au sein du module. Par exemple :

define(function(require, exports){
    exports.varName01 = 'varValue';  // 对外提供 varName01 属性    
    exports.funName01 = function(p1,p2){  // 对外提供 funName01 方法
    ....
    }       
});

7. module.exports, similaire aux exportations, est utilisé pour fournir des interfaces externes au sein du module. Par exemple :

define(function(require, exports, module) {  
  module.exports = {  // 对外提供接口
    name: 'a',
    doSomething: function() {...};
  };
});

Les 7 interfaces ci-dessus sont les plus couramment utilisées et doivent être gardées à l'esprit.

D'accord, c'est tout pour la brève introduction. Regardons un exemple pratique :

L'exigence de conception de cet exemple est que le fichier hellowMain.js dépend de hellow.js et que jQuery soit chargé dans le projet en tant que sauvegarde uniquement après le chargement des fichiers dépendants. le travail d'initialisation du code JS métier peut-il être effectué ;

Regardez d'abord l'exemple de structure de répertoires de fichiers :

//fichier de structure de dossiers

//--- ------------- -----------------------------------------

//Répertoire du projet SeaJS Le format général est le suivant, comme la structure sous userExample01

userExample01

|-----sea-modules

|--sea.js et autres fichiers framework JS

|-----app

|----*.html page fichier html

| -----statique

| ---hellow

|---*.js/*.css

//-------- -------------------------- ----------------------------- -----

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!