Heim >Web-Frontend >js-Tutorial >Welche Datei ist Seajs?
Was ist seaJS?
Ähnlich wie requireJS ist auch seaJS ein in JavaScript geschriebenes JS-Framework. Seine Hauptfunktion besteht darin, JavaScript und andere Dateien entsprechend verschiedenen Abhängigkeiten zu laden Sehr gut geeignet für die Verwendung in Browsern. Es kann sicherstellen, dass die aktuelle JS-Datei geladen wird, nachdem die abhängigen JS-Dateien geladen wurden. Dadurch wird die sequentielle Ladereihenfolge jeder JS-Datei in Projekten sichergestellt, die eine große Anzahl von JS-Dateien verwenden In der Vergangenheit wurde eine Datei aus bestimmten Gründen langsam geladen und andere schnell ladende Dateien mussten sich auf einige ihrer Funktionen verlassen und eine bestimmte Funktion oder eine bestimmte Variable konnte nicht gefunden werden. Dies ist sehr nützlich und auch die wichtigste Der Zweck von seaJS (Entsprechung zu CMD) liegt darin; aber es unterscheidet sich von requireJS (Entsprechung zu AMD-Spezifikationen).
Kurze kurze Wissenspunkte:
1. //Wird zur Korrektur verwendet Sea.js zur Konfiguration.
2. seajs.use(['a','b'],function(a,b){...});
3. define(function(require, exports, module){...}); Sea.js empfiehlt ein Modul und eine Datei und folgt einer einheitlichen Schreibmethode:
4. require wird verwendet, um die Schnittstelle des angegebenen Moduls abzurufen.
5. require.async, //Wird verwendet, um ein oder mehrere Module asynchron innerhalb des Moduls zu laden. Beispiel:
define(function(require){ require.async(['aModule','bModule'],function(a,b){ // 异步加载多个模块,在加载完成时,执行回调 a.func(); b.func(); }) });
6. Wird verwendet, um externe Schnittstellen innerhalb des Moduls bereitzustellen. Beispiel:
define(function(require, exports){ exports.varName01 = 'varValue'; // 对外提供 varName01 属性 exports.funName01 = function(p1,p2){ // 对外提供 funName01 方法 .... } });
7. module.exports wird ähnlich wie exports verwendet, um externe Schnittstellen innerhalb des Moduls bereitzustellen. Zum Beispiel:
define(function(require, exports, module) { module.exports = { // 对外提供接口 name: 'a', doSomething: function() {...}; }; });
Die oben genannten 7 Schnittstellen werden am häufigsten verwendet und sollten im Auge behalten werden.
Okay, das war's mit der kurzen Einführung. Schauen wir uns ein praktisches Beispiel an:
Die Designanforderung dieses Beispiels besteht darin, dass die Datei hellowMain.js von hellow.js abhängt und jQuery als Backup in das Projekt geladen wird. Erst nachdem die abhängigen Dateien geladen wurden Kann die Business-JS-Code-Initialisierungsarbeit durchgeführt werden? ------------- -------------------------------------
//SeaJS-Projektverzeichnis Das allgemeine Format ist wie folgt, z. B. die Struktur unter userExample01
userExample01
|-----sea-modules
|--sea.js und andere Framework-JS-Dateien
|-----app
|----*.html Seiten-HTML-Datei
| -----static
|. ---hellow
|---*.js/*.css
//-------- --------------------- --------------- -----
Das obige ist der detaillierte Inhalt vonWelche Datei ist Seajs?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!