Li muitas perguntas sobre refluxo recentemente, mas não percebi esse fenômeno antes, comecei a estudá-lo lentamente. Afinal, não prestei atenção a muitos detalhes de desempenho no passado. Em relação ao refluxo, basta dizer que é a renderização do DOM (cálculo do tamanho, layout, etc. de cada objeto na árvore do documento por meio de CSS ou outros fatores. A explicação pode ser unilateral, mas primeiro defina um). conceito simples para facilitar a compreensão.
Primeiro, vi a ordem de escrita dos atributos CSS recomendada no Mozilla. O artigo foi baseado nas informações. Essa ordem de escrita não se deve apenas aos padrões de especificação do código de desenvolvimento do projeto, mas também porque uma ordem de escrita razoável está mais alinhada com o. ordem de renderização do navegador.
Estilos básicos do mozilla.org
*mantido por fantasai
* (classes definidas no Guia de Marcação -http://mozilla.org/contribute/writing/markup)
*/
/* Ordem sugerida:
//exibe propriedades
*mostrar
*estilo de lista
*posição
* flutuar
*claro
//Atributos próprios
*largura
*altura
* margem
*preenchimento
* fronteira
* fundo
//Atributos de texto
* cor
*fonte
* decoração de texto
* alinhamento de texto
*alinhamento vertical
*espaço em branco
* outro texto
* contente
Este "Reflow Visual" mostra claramente o processo de renderização do navegador. A partir dele, você pode ver que o navegador não coloca todo o DOM corretamente em uma etapa durante o processo de carregamento, mas após cálculo constante, os resultados da renderização são frequentemente. alterado, o que inclui o impacto de js, css, etc. no desempenho do dom.