Mini-Define
Ein einfaches modulares Front-End-Front-Framework, das auf Anforderungen implementiert ist. Wenn Sie keine Zeit damit verbringen möchten, Lernbedarf zu erfordern, oder die langen CMD/AMD-Spezifikationen ansehen, ist dieser Mini-Defin eine gute Wahl für Sie. Wenn Sie schon einmal Sea.js verwendet haben oder.js zuvor benötigen, ist Mini-Define effizienter, leichter und einfacher zu bedienen. Projektadresse: GitHub
Verwendung
Definieren Sie zuerst das Modul
Module definieren
1: Verwenden Sie die Definition der Funktion zum Definieren von Modulen
1.1 Abhängig davon, ob es eine Abhängigkeit gibt, gibt es zwei Situationen:
1.1.1: Module ohne Abhängigkeiten
Die Codekopie lautet wie folgt:
Define ('id', function () {
// Setzen Sie Ihren Code hier ein
});
1.1.2: Abhängigkeitsmodule
Die Codekopie lautet wie folgt:
Define ('id', ['modea', 'modeb'], function (a, b) {
// Setzen Sie Ihren Code hier ein
});
1.2 Nachdem die Verarbeitungsergebnisse für den externen Gebrauch zurückgegeben werden müssen, kann es in zwei Situationen unterteilt werden:
1.2.1 Es gibt ein Rückgabeobjekt:
Die Codekopie lautet wie folgt:
Define ('id', function () {
zurückkehren {
// Setzen Sie Ihren Code hier ein
}
});
1.2.2 Kein zurückgegebenes Objekt
Die Codekopie lautet wie folgt:
Define ('id', function () {
// Setzen Sie Ihren Code hier ein
});
Zwei: Verwenden von Request () Funktion zum Aufrufen des Moduls
2.1 Gemäß der Anzahl der angeforderten Module kann es zwei Situationen geben:
2.1.1. Aufrufen eines einzelnen Moduls
erfordern ('modid')
2.1.2. Aufrufen mehrerer Module
erfordern (['moda', 'modeb']);
2.2 Nach der Frage, ob eine Rückrufverarbeitung vorliegt, kann sie in zwei Situationen unterteilt werden:
2.2.1 Es gibt eine Rückrufverarbeitungsfunktion
Die Codekopie lautet wie folgt:
fordern ('modid', function (modus) {
// Setzen Sie Ihren Code hier ein
});
erfordern (['modea', 'modeb'], Funktion (a, b) {
// Setzen Sie Ihren Code hier ein
});
2.2.2 Keine Rückrufverarbeitung
erfordern ('modiD');
Beachten Sie dann die erforderlichen Module wiederum auf der Seite index.html
Die Codekopie lautet wie folgt:
<!-Kernmodul->
<script src = "lib/core/required.js"> </script>
<!-Modul zur Demonstration->
<script src = "lib/main.js"> </script>
<script src = "lib/config.js"> </script>
<script src = "lib/init.js"> </script>
Zusammenführen und komprimieren Sie das Lib -Verzeichnis schließlich so, wie Sie eine min.js -Datei generieren möchten. Bei der Veröffentlichung einer Anwendung muss auch der entsprechende Index.html angepasst werden:
Die Codekopie lautet wie folgt:
<script src = "lib/min.js"> </script>
Vorteil:
Im Vergleich zu SeaJs.js oder dem Originalanforderungsjs können Code mit nur hundert Zeilen von Kommentaren als leicht beschrieben werden und sieht fett aus, was völlig dünn ist.
Es gibt überhaupt keine fortschrittlichen Inhalte oder komplexen Fähigkeiten, und es gibt fast null Lernkosten.