Verwenden Sie Mini-Define, um die modulare Verwaltung von Front-End-Code_Javascript-Kenntnissen zu implementieren

Mini-Definition

Ein einfaches modulares Front-End-Framework, das auf Anforderungen basiert. Wenn Sie keine Zeit damit verbringen möchten, require.js zu lernen oder die langen cmd/amd-Spezifikationen zu lesen, dann ist dieses Mini-Define eine gute Wahl für Sie. Wenn Sie bereits sea.js oder require.js verwendet haben, ist Mini-Define effizienter, leichter und benutzerfreundlicher. Projektadresse: github

Nutzung

Definieren Sie zunächst das Modul

Modul definieren

1: Verwenden Sie die Definitionsfunktion, um Module zu definieren

1.1 Abhängig davon, ob Abhängigkeiten vorliegen, gibt es zwei Situationen:

1.1.1: Modul ohne Abhängigkeiten

Code kopieren Der Code lautet wie folgt:

          define('id',function(){
                      // Geben Sie hier Ihren Code ein
});

1.1.2: Abhängige Module

Code kopieren Der Code lautet wie folgt:

​​​​ define('id',['modeA','modeB'],function(A,B){
                      // Geben Sie hier Ihren Code ein
});

1.2 Abhängig davon, ob die Verarbeitungsergebnisse zur externen Verwendung zurückgegeben werden müssen, gibt es zwei Situationen:

1.2.1 hat Rückgabeobjekt:

Code kopieren Der Code lautet wie folgt:

               define('id',function(){
                   zurück {
                                                   // Geben Sie hier Ihren Code ein
                }
            });

1.2.2 Kein Objekt zurückgegeben

Code kopieren Der Code lautet wie folgt:

               define('id',function(){
// Geben Sie hier Ihren Code ein
            });

Zweitens: Rufen Sie das Modul mit der Funktion require()

auf

2.1 Abhängig von der Anzahl der angeforderten Module kann es zwei Situationen geben:

2.1.1. Aufruf eines einzelnen Moduls

require('modeId')

2.1.2. Mehrere Module aufrufen
             require(['modeA','modeB']);
2.2 Abhängig davon, ob eine Rückrufverarbeitung vorliegt, kann diese in zwei Situationen unterteilt werden:

2.2.1 Es gibt eine Rückrufverarbeitungsfunktion

Code kopieren Der Code lautet wie folgt:

             require('modeId',function(mode){
                         //Geben Sie hier Ihren Code ein
            });

require(['modeA','modeB'],function(A,B){
                         //Geben Sie hier Ihren Code ein
            });

2.2.2 Keine Rückrufverarbeitung
              require('modeId');
Verweisen Sie dann nacheinander auf die erforderlichen Module auf der Seite index.html

Code kopieren Der Code lautet wie folgt:

Der letzte Schritt besteht darin, die lib-Verzeichnisse auf Ihre bevorzugte Weise zusammenzuführen und zu komprimieren, um eine min.js-Datei zu generieren. Beim Veröffentlichen der Anwendung muss auch die entsprechende index.html angepasst werden:

Code kopieren Der Code lautet wie folgt:

Vorteile:

Im Vergleich zu seajs.js oder dem ursprünglichen require.js sieht ein Code, der nur etwa hundert Anmerkungszeilen enthält, fett und dünn aus, um ihn als leichtgewichtig zu bezeichnen.
Es gibt überhaupt keine fortgeschrittenen Inhalte, keine komplizierten Fertigkeiten und nahezu keine Lernkosten.