Heim > Web-Frontend > js-Tutorial > Hauptteil

Anwendungsbeispiele für die Verwendung der RequireJS-Bibliothek in ASP.NET MVC-Projekten_Javascript-Tipps

WBOY
Freigeben: 2016-05-16 15:15:33
Original
1926 Leute haben es durchsucht

RequireJS ist ein beliebtes Tool für die modulare Front-End-Entwicklung. Es handelt sich um eine Javascript-Bibliotheksdatei, nämlich require.js.
Hauptfunktionen von RequireJs:

(1) Implementieren Sie das asynchrone Laden von JS-Dateien, um zu vermeiden, dass Webseiten ihre Reaktion verlieren

(2) Verwalten Sie Abhängigkeiten zwischen Modulen, um das Schreiben und Warten von Code zu erleichtern.

Es gibt viele Tools für die modulare Front-End-Entwicklung, die im Allgemeinen in zwei Kategorien unterteilt sind: Zum einen sind es High-End-Tools wie Dojo, das nach Dojo v1.8 über integrierte modulare Entwicklungskomponenten verfügt erfordern .js, sea.js ist ein Tool, das sich auf die modulare Entwicklung konzentriert.

Nach den Regeln der modularen Aufteilung ist es hauptsächlich in zwei Kategorien unterteilt: AMD und CMD. Require.js folgt der ersteren, während sea.js der CMD-Spezifikation folgt.

require funktioniert gut in einseitigen Anwendungen. Bei herkömmlichen mehrseitigen Anwendungen kann die Verwendung von require jedoch etwas verwirrend und umständlich sein.

In diesem Artikel wird erläutert, wie „require“ in der Struktur von ASP.NET MVC angewendet wird, und es wird ein Komprimierungsskript bereitgestellt, um eine halbautomatische Komprimierung zu erreichen.

Separater js-Code
Im Allgemeinen entspricht eine Route in ASP.NET MVC einer Ansicht. Die Dateistruktur der Ansicht kann wie folgt aussehen:


Views
 |--Shared
 |--_layout.cshtml
 |--Home
 |--Index.cshtml
 |--Blog
 |--Create.cshtml
 |--Edit.cshtml
 |--Detail.cshtml
 |--Index.cshtml
Nach dem Login kopieren
Es wird davon ausgegangen, dass _layout.cshtml von allen Seiten gemeinsam genutzt wird. Unter normalen Umständen verweisen wir in _layout auf öffentliche js-Bibliotheken wie jQuery, Bootstrap usw., sodass andere Seiten nicht erneut auf diese Bibliotheken verweisen müssen, was die Codierungseffizienz verbessert. Allerdings werden verschiedene Seiten irgendwann auf unterschiedliche js angewiesen sein, insbesondere auf benutzerdefinierte js, die die Funktionen der Seite selbst implementieren. Auf diese Weise müssen wir auf spezielle js in anderen Seiten verweisen oder sogar js direkt in die Seite schreiben, wie zum Beispiel die folgende Code erscheint oft in der Ansicht:

<script type="text/javascript">
 $(function(){...});
</script>
Nach dem Login kopieren
Dies führt dazu, dass die Seite unübersichtlich wird und der Code im
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage