In diesem Artikel werden die Grundlagen der Modularisierung und das Verständnis relevanter Kenntnisse in diesem Bereich ausführlich erläutert.
Warum Modularität nutzen?
Namenskonflikte lösen und globale Umweltverschmutzung vermeiden
Abhängigkeitsmanagement auflösen
Codelesbarkeit verbessern
Code-Entkopplung zur Verbesserung der Wiederverwendbarkeit
Was tun? CMD-, AMD- und CommonJS-Spezifikationen beziehen sich auf? Was sind die Anwendungen?
CMD ist eine allgemeine Moduldefinition. Es handelt sich hauptsächlich um die standardisierte Ausgabe einer modularen Definition im Promotionsprozess von sea.js. Dabei wird häufig der Dateiname verwendet. Es ist die Modul-ID und empfiehlt nahegelegene Abhängigkeiten. Die Hauptanwendung ist sea.js ist ein Objekt, das eine externe Schnittstelle bereitstellt. Modul ist ein Objekt, das Eigenschaften und Methoden speichert, die sich auf das aktuelle Modul beziehen.
AMD ist eine asynchrone Moduldefinition. Es handelt sich hauptsächlich um die standardisierte Ausgabe der Moduldefinition während des Heraufstufungsprozesses von require.js. Es löst das Abhängigkeitsproblem mehrerer JS-Dateien und das Laden von JS-Dateien Bei häufigen Problemen mit dem Warten auf Seiten wird die Vorpositionierung von Abhängigkeiten empfohlen. Die Hauptanwendung ist require.js, Beispiel:
define(function(require,exports,module){
var $ = require('jquery.js')
$('div').addClass('active');})//define ist das Definitionsschlüsselwort, modal ist der definierte Modulname, der im Allgemeinen sein kann weggelassen, ist [ ] das abhängige Modul, das geladen werden soll, gefolgt von der Rückruffunktion.
CommonJS bezieht sich hauptsächlich auf die Modulspezifikation, die auf der Browserseite ausgeführt wird, und ihre Hauptanwendung ist node.js.
Eine Datei entspricht einem Modul, jedes Modul stellt einen separaten Bereich dar und die geladenen Module werden synchron geladen.
Es gibt nur einen Export in einem Modul, das moudle.exports-Objekt. Fügen Sie die Objekte, die das Modul ausgeben möchte, in das Modul ein.
Laden Sie Module mit der Methode require. Beispiel:
define('modal',['jQuery'],function($){
$('modal').show();Welche Rolle spielt baseUrl in der folgenden Requirejs-Konfiguration? Was ist die Basis? Welche Rolle spielen Pfade und wie werden sie verwendet? Der Pfad besteht darin, den Basispfad von baseUrl und den Pfad einiger bestimmter Dateien basierend auf dem baseUrl-Pfad festzulegen.
Was ist baseUrl in der folgenden RJS-Paketkonfiguration? Was ist Name?
//模块定义 myMode.jsvar name = 'jiuyi';function printName(){ console.log(name);
}
functionprintFullName(firstName){
consoele.log(firstName+name);
}module.erports = { printName: printName, printFullName: printFullName
}//加载模块var nameModule = require('./myMode.js')
nameModule.printName();Hier bezieht sich baseUrl auf die baseUrl der Konfigurationsdatei von require.js basierend auf ihrem eigenen Dateipfad.
Name bezieht sich auf den Namen des Hauptmoduls des Eingangs
out bezieht sich auf den Pfad der verpackten Ausgabe
Dieser Artikel erläutert die Grundkenntnisse im Zusammenhang mit der Modularisierung, die ich möchte Um mehr darüber zu erfahren, schauen Sie sich bitte die chinesische PHP-Website an.
Verwandte Empfehlungen:
Was ist der Unterschied zwischen innerText und innerHTML von Dom-Objekten?Einige grundlegende Fragen zu JS
So modularisieren Sie require.js mit Front-End-js
Das obige ist der detaillierte Inhalt vonEinige verwandte modulare Grundlagen. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
