Discussion :

[tintin72]

Bonjour,

J'aimerais diviser mon code jQuery en 3 fichiers de façon à réduire
le nombre de lignes et à avoir un code plus modulaire.

Voici comment j'ai procédé:

Inclusions:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
<script src="../jQuery_library/jquery-1.10.2.js"></script>
<script src="fichier1.js"></script>
<script src="fichier2.js"></script>
<script src="fichier3.js"></script>

fichier 1:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
$(function($) {
 
  $.fn.uneFonction = function(){ ... };
 
  ...
 
})(jQuery);

fichier 2:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
$(function($) {
 
  $.fn.uneAutreFonction = function(){ ... };
 
  ...
 
})(jQuery);

fichier 3:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
$(function() {
  //
  $(window).load(function() {
 
    $.fn.uneFonction();
 
    ...
 
  });
 
  $.fn.uneAutreFonction();
 
  ...
 
});

Apparemment tout semble fonctionner correctement.
Toutefois, étant débutant sur jQuery je voudrais savoir s'il n'y a pas de risque d'effet de bord ou de conflit de nom ou autre chose que je n'aurais pas vu.
J'aimerais également savoir si c'est une bonne pratique car j'ai trouvé très peu d'info sur
ce sujet.


Merci pour vos lumières.

[SpaceFrog]

A première vue je ne vois pas de possibilité de conflit, ni d'effet de bords.
Par contre niveau performance, il est plutôt conseiller d'éviter les requêtes multiples.
Si tu as firebug, vérifie avec Yslow, il te conseille de regrouper les fichiers js.
Si par contre tu as besoin de modularité, rien ne t'empêche de le gérer en php.
fais toi un fichier php qui concatènes tes modules javascript en un seul fichier, la maintenance en sera facilitée, et les performances ne seront pas affectées.

[tintin72]

Merci pour ta réponse.
En effet, j'ai vu qu'il y a pas mal de moyens pour concaténer et compresser les fichiers js et css en PHP.
Je vais regarder ça de plus près.

[SylvainPV]

Concaténer à la volée les fichier JS en PHP n'est pas forcément top non plus pour les performances côté serveur.

Généralement, on écrit le code dans des fichiers séparés pour la lisibilité, et on utilise un script de concaténation/minification pour regrouper tout le code en un fichier compressé. Ces scripts de build peuvent aussi faire plein d'autres choses, comme valider la syntaxe JS, obfusquer des constantes, compresser des images... Un des outils le plus en vogue pour gérer ces scripts de build front est Grunt

[Kaamo]

+1 pour Grunt. Enfin tout dépend de ton environnement aussi car il est dépendant de Node/NPM.

En gros, selon ton environnement :

Node.js : Grunt
Java : Ant / Maven
Ruby : Rake
Python : Fabric
PHP : Phing

Make étant le papa (papy ? ) de tous ces outils ....