Utilisez mini-define pour implémenter une gestion modulaire des compétences code_javascript front-end

mini-définition

Un framework modulaire frontal simple basé sur require. Si vous ne voulez pas passer du temps à apprendre require.js ou lire les longues spécifications cmd/amd, alors cette mini-définition est un bon choix pour vous. Si vous avez déjà utilisé sea.js ou require.js, mini-define est plus efficace, plus léger et plus facile à utiliser. Adresse du projet : github

Utilisation

Définissez d'abord le module

Définir le module

1 : Utilisez la fonction de définition pour définir les modules

1.1 Selon qu'il existe ou non des dépendances, il existe deux situations :

1.1.1 : Module sans dépendances

Copier le code Le code est le suivant :

          definition('id',function(){
                      // mettez votre code ici
        });

1.1.2 : Modules dépendants

Copier le code Le code est le suivant :

​​​​ définir('id',['modeA','modeB'],function(A,B){
                      // mettez votre code ici
        });

1.2 Selon que les résultats du traitement doivent ou non être restitués pour un usage externe, il existe deux situations :

1.2.1 a un objet de retour :

Copier le code Le code est le suivant :

               definition('id',function(){
                   revenir {
                                                   // mettez votre code ici
                }
            });

1.2.2 Aucun objet retourné

Copier le code Le code est le suivant :

               definition('id',function(){
// mets ton code ici
            });

Deux : Appelez le module en utilisant la fonction require()

2.1 Selon le nombre de modules demandés, il peut y avoir deux situations :

2.1.1 Appel d'un seul module

require('modeId')

2.1.2. Appeler plusieurs modules
             require(['modeA','modeB']);
2.2 Selon qu'il y a ou non un traitement de rappel, il peut être divisé en deux situations :

2.2.1 Il existe une fonction de traitement de rappel

Copier le code Le code est le suivant :

             require('modeId',function(mode){
                         //mettez votre code ici
            });

require(['modeA','modeB'],function(A,B){
                         //mettez votre code ici
            });

2.2.2 Aucun traitement de rappel
              require('modeId');
Référencez ensuite les modules requis dans l'ordre sur la page index.html

Copier le code Le code est le suivant :

La dernière étape consiste à fusionner et compresser les répertoires lib de votre manière préférée pour générer un fichier min.js. Lors de la publication de l'application, l'index.html correspondant doit également être ajusté :

Copier le code Le code est le suivant :

Avantages :

Comparé à seajs.js ou à require.js d'origine, un code qui ne contient qu'une centaine de lignes d'annotations semble gros et maigre pour le décrire comme léger.
Il n'y a aucun contenu avancé, aucune compétence compliquée et un coût d'apprentissage presque nul.