mini-définir
Un cadre modulaire frontal simple implémenté en fonction des besoins. Si vous ne voulez pas passer du temps à apprendre Deriez.js ou regardez les longues spécifications CMD / AMD, alors ce mini-définition est un bon choix pour vous. Si vous avez utilisé Sea.js ou avez besoin.js avant, Mini-définie est plus efficace, plus légère et plus facile à utiliser. Adresse du projet: github
usage
Définissez d'abord le module
Définir les modules
1: Utiliser la fonction définir pour définir les modules
1.1 Selon qu'il y a une dépendance, il y a deux situations:
1.1.1: modules sans dépendances
La copie de code est la suivante:
définir ('id', fonction () {
// Mettez votre code ici
});
1.1.2: modules de dépendance
La copie de code est la suivante:
définir ('id', ['modea', 'modeb'], fonction (a, b) {
// Mettez votre code ici
});
1.2 Selon si les résultats du traitement doivent être retournés pour une utilisation externe, il peut être divisé en deux situations:
1.2.1 Il y a un objet de retour:
La copie de code est la suivante:
définir ('id', fonction () {
retour {
// Mettez votre code ici
}
});
1.2.2 Aucun objet renvoyé
La copie de code est la suivante:
définir ('id', fonction () {
// Mettez votre code ici
});
Deux: utilisez la fonction requis () pour appeler le module
2.1 Selon le nombre de modules demandés, il peut y avoir deux situations:
2.1.1. Appeler un seul module
exiger ('modeID')
2.1.2. Appeler plusieurs modules
require (['modea', 'modeb']);
2.2 Selon s'il existe un traitement de rappel, il peut être divisé en deux situations:
2.2.1 Il existe une fonction de traitement de rappel
La copie de code est la suivante:
require ('modeId', fonction (mode) {
// Mettez votre code ici
});
require (['modea', 'modeb'], fonction (a, b) {
// Mettez votre code ici
});
2.2.2 Aucun traitement de rappel
exiger ('modeId');
Reportez-vous ensuite aux modules requis à leur tour de la page index.html
La copie de code est la suivante:
<! - Module de base ->
<script src = "lib / core / require.js"> </ script>
<! - Module pour la démonstration ->
<script src = "lib / main.js"> </ script>
<script src = "lib / config.js"> </ script>
<script src = "lib / init.js"> </ script>
Enfin, fusionnez et compressez le répertoire Lib dans la façon dont vous aimez générer un fichier min.js. Lors de la publication d'une application, l'index correspondant.html doit également être ajusté:
La copie de code est la suivante:
<script src = "lib / min.js"> </ script>
avantage:
Comparé à SeaJs.js ou à l'original require.js, le code avec seulement une centaine de lignes de commentaires peut être décrit comme léger et a l'air gras, ce qui est complètement maigre.
Il n'y a pas du tout de contenu avancé ou de compétences complexes, et il n'y a presque aucun coût d'apprentissage.