Heim > Web-Frontend > js-Tutorial > Eine kurze Einführung in die JavaScript-Modularität

Eine kurze Einführung in die JavaScript-Modularität

阿神
Freigeben: 2017-02-03 17:48:01
Original
1284 Leute haben es durchsucht

Vorwort

In Bezug auf die Modularisierung sind die von uns geschriebenen „Require“- und „Import“-Schlüsselwörter der direkteste Ausdruck Wenn Sie relevante Informationen nachschlagen, werden Sie auf jeden Fall auf Begriffe wie CommonJS und CMD AMD stoßen, aber auch auf unbekannte Frameworks wie RequireJS und SeaJS. Die offizielle Website von SeaJS beschreibt sich beispielsweise so: „Einfache und benutzerfreundliche Moduldefinitionsspezifikation, Sea.js folgt der CMD-Spezifikation. Natürliche und intuitive Codeorganisation, automatisches Laden von Abhängigkeiten …“

Wie Ich bin ehrlich gesagt ein Front-End-Neuling. Er sah verwirrt aus und konnte es nicht verstehen. Gemäß meinem üblichen Stil muss ich, bevor ich etwas vorstelle, immer erklären, warum es notwendig ist.


JavaScript-Grundlagen

Studenten, die am Client arbeiten, sind mit OC vertraut Sie sollten mit #import "classname", den Modul- und Dateimodifikatoren von Swift und dem Importpaket+Klassenmodus von Java vertraut sein. Wir sind an das Muster gewöhnt, dass der Verweis auf eine Datei auf eine Klasse verweist. In einer dynamischen Sprache wie JavaScript haben sich die Dinge jedoch geändert:

<html>
  <head>
    <script type="text/javascript" src="index.js"></script>
  </head>

  <body>
    <p id="hello"> Hello Wrold </p>
    <input type="button" onclick="onPress()" value="Click me" />
  </body>
 </html>
Nach dem Login kopieren
// index.js
function onPress() {
    var p = document.getElementById(&#39;hello&#39;);
    p.innerHTML = &#39;Hello bestswifter&#39;;
}
Nach dem Login kopieren

Das

Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage