1. Evite las operaciones DOM frecuentes directamente en el documento . Si realmente lo necesita, puede usar el método fuera del documento. Los métodos específicos incluyen pero no incluyen completamente lo siguiente:
(1). Primero elimine el elemento del documento, y después de completar la modificación, vuelva a colocar el elemento en su posición original
(2). Establezca la visualización del elemento en "ninguno", y después de completar la modificación, modifique la pantalla al valor original
(3). Si necesita crear múltiples nodos DOM, puede usar DocumentFragment para agregar el documento a la vez después de crearlo usando DocumentFragment
2. Modificar centralmente el estilo
(1). Modifique los atributos en el estilo del elemento lo menos posible
(2). Intente modificar el estilo modificando el nombre de clase
(3). Establecer el valor de estilo a través de la propiedad Csstext
3. Valor de atributo de diseño de caché
Para los valores de los tipos no referenciados en los atributos de diseño (tipos numéricos), si se requieren múltiples accesos, se pueden almacenar en la variable local primero en un acceso, y luego usan variables locales, lo que puede evitar representar por el navegador cada vez que se lee el atributo.
VAR Width = El.OffSetWidth; var scrollleft = el.scrollleft;
4. Establezca la posición del elemento en absoluto o fijo
Cuando la posición de un elemento es estática y relativa, el elemento está en la estructura del árbol DOM. Cuando se debe volver a renderizar una operación en el elemento, el navegador representará toda la página. Establecer la posición de un elemento en absoluto y fijo puede hacer que el elemento se separe de la estructura del árbol DOM, y cuando el navegador necesita renderizar, solo necesita representar el elemento y el elemento debajo del elemento, reduciendo así el navegador de tiempo en cierta medida, lo que vale la pena considerar especialmente en el número cada vez mayor de animaciones de JavaScript de hoy.
Los anteriores son algunos de los asuntos resumidos por mí sobre la reducción de la reflexión del navegador y la repintado. Espero que a todos les guste.