Da die Website nach und nach reicher wird, sind die JS auf den Webseiten immer komplexer und aufgeblähter geworden. Die ursprüngliche Methode zum Importieren von JS -Dateien über Skript -Tags kann das aktuelle Internetentwicklungsmodell nicht mehr erfüllen. Wir brauchen eine Reihe komplexer Anforderungen wie Teamzusammenarbeit, Wiederverwendung von Moduls, Unit -Tests usw.
RequiredJS ist ein sehr kleines JavaScript -Modul -Lade -Framework und einer der besten Implementierer der AMD -Spezifikation. Die neueste Version von RequestJS ist nur 14.000 nach der Komprimierung, was sehr leicht ist. Es kann auch in Verbindung mit anderen Frameworks funktionieren, und die Verwendung von RequestJs verbessert sicherlich die Qualität Ihres Front-End-Code.
Welche Vorteile können erfordern, dass Js mitbringen
Offizielle Beschreibung von Anforderungen:
RequiredJS ist eine JavaScript -Datei und einen Modulloader. Es ist für den Gebrauch in Browser optimiert, kann jedoch in anderen JavaScript-Umgebungen wie Rhino und Knoten verwendet werden. Durch die Verwendung eines modularen Skriptladers wie RequiredJS verbessert sich die Geschwindigkeit und Qualität Ihres Codes.
Allgemeine Bedeutung:
Im Browser kann es als Modullader für JS -Dateien verwendet werden oder in Knoten- und Rhino -Umgebungen, Balabala, verwendet werden. Diese Passage beschreibt die grundlegende Funktion von "modularen Belastung". Was ist modulares Laden? Wir werden nacheinander von der folgenden Seite erklären
Schauen wir uns zunächst ein gemeinsames Szenario an und erklären, wie Anforderungen an Beispiele verwendet werden können
Normale Schreibmethode
Index.html:
<! DocType html> <html> <kopf> <skript type = "text/javaScript" src = "A.js"> </script> </head> <body> <span> body </span> </body> </html>
A.JS:
Funktion fun1 () {alert ("es funktioniert");} fun1 ();Vielleicht schreibe du lieber das
(function () {function fun1 () {alert ("es funktioniert");} fun1 ();}) ())In der zweiten Methode wird ein Blockbereich verwendet, um zu deklarieren, dass die Funktion die Verschmutzung globaler Variablen verhindert. Die Essenz ist immer noch dieselbe. Wenn Sie die beiden oben genannten Beispiele ausführen, weiß ich nicht, ob Sie festgestellt haben, dass der HTML -Inhalt bei der Warnung des HTML leer ist, dh <Pan> Body </span> wird nicht angezeigt, und er wird erst nach der Klicken auf Bestätigung angezeigt. Dies ist das Ergebnis von JS, das das Browser -Rendering blockiert.
Erforderndejs Schreibmethode
Zuallererst müssen Sie auf die Forderjs -Website gehen, um JS -> fordertJs.Rog herunterzuladen
Index.html:
<! DocType html> <html> <head> <script type = "text/javaScript" src = "required.js"> </script> <script type = "text/javaScript"> fordert (["a"]); </script> </head> <body> <span> Körper </span> </body> </html>
A.JS:
define (function () {function fun1 () {alert ("es funktioniert");} fun1 ();})Der Browser fordert "It funktioniert" auf, was bedeutet, dass er richtig ausgeführt wird, aber es gibt einen kleinen Unterschied. Diesmal ist der Browser nicht leer und der Körper ist auf der Seite erschienen. Bisher können wir wissen, dass Refordjs die folgenden Vorteile hat:
1. Verhindern
2. Laden Sie JS mit Programmanrufen, um die folgenden hässlichen Szenen zu verhindern
<script type = "text/javaScript" src = "a.js"> </script> <script type = "text/javaScript" src = "b.js"> </script> <script type = "text/javascript" src = "c.js"> </script type = "tection/javascript" src = "c.Js"> </script = "tection/javascript" src = "c.Js"> </script "</script"/javascript "src =" C. " src="d.js"></script><script type="text/javascript" src="e.js"></script><script type="text/javascript" src="f.js"></script><script type="text/javascript" src="f.js"></script><script type="text/javascript" src = "g.js"> </script> <script type = "text/javascript" src = "h.js"> </script> <script type = "text/javascript" src = "i.js"> </script> <script type
Das obige dreht sich alles um diesen Artikel. Ich hoffe, es wird für alle hilfreich sein, das erforderliche modulare Werkzeug zu verstehen.