Je travaille sur ma première application basée sur jQuery très complexe.
Une page Web unique peut contenir des centaines de code associé à JQuery, par exemple dans les dialogues JQueryui. P>
Maintenant, je veux organiser le code dans Fichiers séparés. P>
Par exemple, je déplace tous les dialogues d'initialisation dialogues.js strong> p> Ceci simplifie le code de fonction et faire la page de l'appelant CLEAR P> $ ("# dialog-xxx"). Boîte de dialogue ({...}) code> dans des fichiers séparés et due Pour réutiliser, je les enveloppe sur un appel de fonction unique comme p> $(function() {
// do some init stuff
initDialog_1();
initTooltip_2();
});
4 Réponses :
Cela sonne assez bien aussi moi. Juste deux notes:
Utilisez des noms de méthode descriptive. "initdialog_1" ne vous dit rien de la boîte de dialogue qu'elle initiale.
Tout en conservant le code JS divisé en plusieurs fichiers Eases Essai, il nuit aux performances de votre interface. Vous pouvez fusionner tous les fichiers en un lors de la construction / du déploiement / de l'exécution de votre application. Comment faire le mieux dépend de votre environnement.
Le nom "initdialog_1" est seulement pour rendre la question claire, évidemment InitialogModifyTags est l'un des vrais initxxx que j'ai
Je travaille sur quelque chose de assez complexe dans JS en ce moment et je me demandais la même chose. J'ai examiné diverses implémentations "module", mais alors qu'elles ont l'air "cool", ils ne semblent pas offrir beaucoup de valeur.
Mon plan à ce stade est de continuer à référencer les lots de fichiers de script de ma page .html (le plan consiste à avoir uniquement une page .html ou très peu).
Puis, lorsque je construit la version de sortie, j'écrirai un outil très simple pour s'adapter à mon processus de construction, qui découvrira tous les scripts que je fais référence aux pages .html et les concaténer dans un seul fichier et remplacera Les multiples