1. Einführung
Seajs, ein Framework zum Laden von Webmodulen, verfolgt eine einfache und natürliche Art, Code zu schreiben und zu organisieren. Sea.js folgt der CMD-Spezifikation und modularisiert JS-Code. Das automatische Laden von Abhängigkeiten und die übersichtliche und klare Konfiguration ermöglichen es Programmierern, sich mehr auf das Codieren zu konzentrieren.
2. Vor- und Nachteile
Vorteil:
1).Verbesserung der Wartbarkeit.
2).Modulare Programmierung.
3).Dynamisches Laden, Optimierung der Front-End-Leistung
Mangel:
1) Die Lerndokumente sind spärlich und verwirrend, was die Schreibgewohnheiten des Teams bei der Verwendung von JS ändern wird, und es muss modulare Programmierung verwendet werden.
2) Es ist nicht für die aktuelle Situation des Teams geeignet. Es gibt viele JS-Dateien, aber nur wenige Änderungen. Die Vorteile des dynamischen Ladens und der Modularisierung sind nicht offensichtlich.
3) Erfordert die Verwendung von SPM-Tools, JS-Paketierungs- und Verwaltungstools.
2. Was sind CMD und AMD?
Asynchronous Module Definition (AMD) ist die Abkürzung für Asynchronous Module Definition, die standardisierte Ausgabe der Moduldefinition während des Promotion-Prozesses von RequireJS.
Common Module Definition (CMD) ist die Abkürzung für Common Module Definition, die standardisierte Ausgabe der Moduldefinition während des Promotion-Prozesses von SeaJS.
RequireJS und SeaJS sind beide Vertreter modularer Frameworks. AMD und CMD sind ihre jeweiligen Möglichkeiten, Modularität zu definieren, hauptsächlich im Codierungsstil und in der API.
3. Wie benutzt man?
Kopieren Sie den Code wie folgt: <script src="../js/examples-master/sea-modules/seajs/seajs/2.1.1/sea.js"></script>
<Skript>
//JS-Pfad konfigurieren
seajs.config({
alias:{
„jquery“: „../examples-master/sea-modules/jquery/jquery/1.10.1/jquery.js“
}
});
//Modul laden
seajs.use('../js/seajs/init',function($){
$("#test_div").click(function(){alert(1);});
});
</script>
Kopieren Sie den Codecode wie folgt:
//init.js
define(function(require,exports,module){
var $ = require('jquery');
return $;
});