Zusammenfassung der Anwendungsfälle für das modulare Laden von Require.js/AMD in Javascript-js-Tutorial-php.cn

Modulares Laden von Require.js/AMD

Entwickler möchten Skriptlader verwenden, um chaotische Rich-Script-Anwendungen übersichtlicher zu gestalten, und Require .js ist eine dieser Optionen. Require.js ist ein leistungsstarkes Toolkit, das automatisch mit AMD-Technologie arbeitet, um selbst die komplexesten Skriptabhängigkeitsdiagramme zu glätten.
Schauen wir uns nun ein einfaches Beispiel zum Laden eines Skripts an, bei dem die gleichnamige Funktion in Require.js verwendet wird. Die

require([&#39;moment&#39;], function(moment) {
  console.log(moment().format(&#39;dddd&#39;)); // 星期几
});

Nach dem Login kopieren

require-Funktion akzeptiert ein Array von Modulnamen und lädt alle diese Skriptmodule parallel. Im Gegensatz zu yepnope garantiert Require.js nicht, dass die Zielskripte in der richtigen Reihenfolge ausgeführt werden, sondern stellt nur sicher, dass ihre Ausführungsreihenfolge ihre jeweiligen Abhängigkeitsanforderungen erfüllen kann, allerdings nur, wenn die Definition dieser Skripte AMD (Asynchronous Module Definition, asynchrones Modul) entspricht Definition) Spezifikation.

Fall Eins: Laden von JavaScript-Dateien

 <script src="./js/require.js"></script> 
<script> 
  require(["./js/a.js", "./js/b.js"], function() { 
       myFunctionA(); 
       myFunctionB(); 
    }); 
</script>

Nach dem Login kopieren

Wie in Fall Eins gezeigt, gibt es zwei JavaScript-Dateien a.js und b.js definieren jeweils zwei Methoden myFunctionA und myFunctionB. Sie können RequireJS verwenden, um diese beiden Dateien auf die folgende Weise zu laden. Der Code im Funktionsteil kann auf die Methoden in diesen beiden Dateien verweisen.

Der String-Array-Parameter in der Require-Methode kann unterschiedliche Werte zulassen. Wenn die Zeichenfolge mit „.js“ endet oder mit „/“ beginnt oder eine URL ist, wird RequireJS berücksichtigt Wenn die Zeichenfolge andernfalls „my/module“ ähnelt, wird davon ausgegangen, dass es sich um ein Modul handelt, und das JavaScript wird dort geladen, wo sich das entsprechende Modul basierend auf der Basis-URL und den konfigurierten Pfaden befindet vom Benutzer erstellt. Der Konfigurationsteil wird später ausführlich vorgestellt.

Hier sollte darauf hingewiesen werden, dass RequireJS nicht garantiert, dass myFunctionA und myFunctionB standardmäßig ausgeführt werden müssen, nachdem die Seite geladen wurde Wenn die Seite geladen ist, stellt RequireJS ein unabhängiges domReady-Modul bereit. Sie müssen zur offiziellen Website von RequireJS gehen, um dieses Modul herunterzuladen. Es ist nicht in RequireJS enthalten. Mit dem domReady-Modul kann der Code in Fall 1 leicht geändert und mit einer Abhängigkeit von domReady hinzugefügt werden.

Fall 2: JavaScript ausführen, nachdem die Seite geladen wurde

 <script src="./js/require.js"></script> 
<script> 
  require(["domReady!", "./js/a.js", "./js/b.js"], function() { 
       myFunctionA(); 
       myFunctionB(); 
    }); 
</script>

Nach dem Login kopieren

Nach der Ausführung des Codes in Fall 2 können Sie über Firebug sehen, dass RequireJS ein

Neueste Artikel des Autors