1. Évitez les opérations fréquentes DOM directement sur le document . Si vous en avez vraiment besoin, vous pouvez utiliser la méthode hors document. Les méthodes spécifiques incluent mais n'incluent pas complètement les éléments suivants:
(1). Supprimez d'abord l'élément du document, et après avoir terminé la modification, remettez l'élément à sa position d'origine
(2). Définissez l'affichage de l'élément sur "Aucun", et après avoir terminé la modification, modifiez l'affichage à la valeur d'origine
(3). Si vous devez créer plusieurs nœuds DOM, vous pouvez utiliser DocumentFragment pour ajouter le document à la fois après l'avoir créé à l'aide de documentFragment
2. Modifier le style de manière centralisée
(1). Modifiez le style du style élément aussi peu que possible
(2). Essayez de modifier le style en modifiant le nom de classe
(3). Définir la valeur du style via la propriété CSSTEXT
3. Valeur d'attribut de mise en page du cache
Pour les valeurs des types non référencés dans les attributs de mise en page (types numériques), si plusieurs accès sont nécessaires, ils peuvent être stockés dans la variable locale d'abord en un seul accès, puis utilisés des variables locales, qui peuvent éviter de rendre par le navigateur chaque fois que l'attribut est lu.
var width = el.offsetwidth; var scrollleft = el.scrollleft;
4. Réglez la position de l'élément sur absolu ou fixe
Lorsque la position d'un élément est statique et relative, l'élément est dans la structure de l'arbre DOM. Lorsqu'une opération sur l'élément doit être renvoyée, le navigateur rendra la page entière. La définition de la position d'un élément sur absolu et fixe peut faire séparer l'élément de la structure de l'arborescence DOM, et lorsque le navigateur doit être rendu, il n'a besoin que de rendre l'élément et l'élément sous l'élément, réduisant ainsi le délai de rendu du navigateur dans une certaine mesure, ce qui vaut particulièrement la peine d'être considéré dans le nombre croissant d'aujourd'hui d'animations Javascript.
Ce qui précède est certaines des questions résumées par moi sur la réduction de la reflux du navigateur et de la repeinte. J'espère que tout le monde aime ça.