23-11-2019, 12:55:44
Y'a aussi un point qui me parait assez important :
toutes les constantes d'accès au DOM, les mettre en constantes globales.
Alors, je sais, ça peut aller à l'encontre de ce qu'on peut lire à droite, à gauche sur le net.
Je vais t'expliquer l'intérêt :
Tu sais que le DOM est un arbre en mémoire et dès qu'on cherche un ou plusieurs élément (getElementById, getElementsByTagName, getElementsByClassName querySelectorAll, etc.)
on le parcours.
Si tu fais ta déclaration au début d'une fonction, a chaque fois qu'elle sera appelé, l'arbre DOM sera irrémédiablement parcouru.
(et ta constante ne sera pas vraiment une constante)
Donc, si tu es certain que cet arbre ne bouge pas (c'est ce que je t'avais déjà dis précédemment : il vaut mieux tout créer en HTML et faire de l'affichage/masquage de zone plutôt que créer à la volé)
et que le sélecteur te renverra toujours la même chose, autant tout faire à l'initialisation de ta page.
Je vais créer une branche avec un correctif : ça te permettra de voir le diff.
toutes les constantes d'accès au DOM, les mettre en constantes globales.
Alors, je sais, ça peut aller à l'encontre de ce qu'on peut lire à droite, à gauche sur le net.
Je vais t'expliquer l'intérêt :
Tu sais que le DOM est un arbre en mémoire et dès qu'on cherche un ou plusieurs élément (getElementById, getElementsByTagName, getElementsByClassName querySelectorAll, etc.)
on le parcours.
Si tu fais ta déclaration au début d'une fonction, a chaque fois qu'elle sera appelé, l'arbre DOM sera irrémédiablement parcouru.
(et ta constante ne sera pas vraiment une constante)
Donc, si tu es certain que cet arbre ne bouge pas (c'est ce que je t'avais déjà dis précédemment : il vaut mieux tout créer en HTML et faire de l'affichage/masquage de zone plutôt que créer à la volé)
et que le sélecteur te renverra toujours la même chose, autant tout faire à l'initialisation de ta page.
Je vais créer une branche avec un correctif : ça te permettra de voir le diff.