He leído muchas preguntas sobre el reflujo recientemente, pero no noté este fenómeno antes y comencé a estudiarlo lentamente. Después de todo, no presté atención a muchos detalles de rendimiento en el pasado. Con respecto al reflujo, simplemente debe decirse que es la representación de DOM (calculando el tamaño, diseño, etc. de cada objeto en el árbol del documento a través de CSS u otros factores. La explicación puede ser unilateral, pero primero defina un). Concepto simple para facilitar la comprensión.
Primero, vi el orden de escritura de los atributos CSS recomendados en Mozilla. Este orden de escritura no solo se debe a los estándares de especificación del código de desarrollo del proyecto, sino también a que un orden de escritura razonable está más en línea con los requisitos. orden de representación del navegador.
Estilos básicos de mozilla.org
* mantenido por fantasai
* (clases definidas en la Guía de marcado -http://mozilla.org/contribute/writing/markup)
*/
/* Orden sugerido:
//mostrar propiedades
*mostrar
*estilo de lista
* posición
* flotar
*claro
// Autoatributos
*ancho
*altura
* margen
*relleno
* borde
* fondo
//Atributos de texto
* color
*fuente
* decoración de texto
* alineación de texto
*alineación vertical
*espacio en blanco
* otro texto
* contenido
Este "Visual Reflow" señala muy vívidamente el proceso de renderizado del navegador. Puede ver que el navegador no coloca todo el DOM correctamente en un solo paso durante el proceso de carga. En cambio, los resultados del renderizado cambian con frecuencia. después de cálculos constantes, que incluyen el impacto de js, css, etc. en el rendimiento de dom.