Exemples d'utilisation de la bibliothèque RequireJS dans les conseils de projets ASP.NET MVC_javascript

RequireJS est un outil populaire pour le développement modulaire front-end. Il s'agit d'un fichier de bibliothèque Javascript, à savoir require.js.
Principales fonctions de RequireJs :

(1) Implémenter le chargement asynchrone des fichiers js pour éviter que les pages Web ne perdent de réponse

(2) Gérer les dépendances entre les modules pour faciliter l'écriture et la maintenance du code.

Il existe de nombreux outils pour le développement modulaire front-end, qui sont généralement divisés en deux catégories. L'une est constituée d'outils haut de gamme comme dojo, qui a des composants de développement modulaires intégrés après dojo v1.8 ; nécessitent .js, sea.js est un outil axé sur le développement modulaire.

D'après les règles de division modulaire, il est principalement divisé en deux catégories : AMD et CMD et require.js suivent le premier, tandis que sea.js suit la spécification CMD.

require fonctionne bien dans les applications monopage. Cependant, pour les applications multipages traditionnelles, l'utilisation de require peut être quelque peu déroutante et peu pratique.

Cet article explique comment appliquer require dans la structure d'ASP.NET MVC et fournit un script de compression pour obtenir une compression semi-automatique.

Code js séparé
De manière générale, une route dans ASP.NET MVC correspond à une vue. La structure des fichiers de la vue peut être la suivante :

Views
 |--Shared
 |--_layout.cshtml
 |--Home
 |--Index.cshtml
 |--Blog
 |--Create.cshtml
 |--Edit.cshtml
 |--Detail.cshtml
 |--Index.cshtml

On suppose que _layout.cshtml est partagé par toutes les pages. Dans des circonstances normales, nous référencerons les bibliothèques js publiques dans _layout, telles que jQuery, bootstrap, etc., afin que d'autres pages n'aient pas besoin de référencer à nouveau ces bibliothèques, ce qui améliore l'efficacité du codage. Cependant, différentes pages finiront par s'appuyer sur des js différents, en particulier des js personnalisés qui implémentent les fonctions de la page elle-même, de cette façon, nous devons référencer des js spéciaux dans d'autres pages, ou même écrire des js directement dans la page, comme ce qui suit. le code apparaît souvent dans la vue :

<script type="text/javascript">
 $(function(){...});
</script>

Cela rendra la page confuse et le code dans la balise