i riflussi si verificano una volta per ogni stile applicato?

Quando lo faccio in javascript:

element.style.width="100px"; element.style.height="100px"; 

Ho ragione nel dire che nel documento ci sono 2 reflows?

E se lo faccio:

element.setAttribute("style","width:100px;height:100px;") c’è solo 1 reflow?

(Sono consapevole che quest’ultimo semplicemente sostituirà tutti gli altri stili precedentemente impostati)

Domanda a parte: c’è un modo in cui possiamo fermare l’indovinatura e ispezionare esattamente quanti riflussi stanno accadendo nel browser (Chrome / FF / etc)?

Quando lo faccio in javascript:

element.style.width = “100px”;
element.style.height = “100px”;

Ho ragione nel dire che nel documento ci sono 2 reflows?

Molto improbabile. I reflow prendono (relativamente) molto tempo in modo che tendano ad accadere solo durante l’esecuzione di JavaScript quando ne hanno bisogno, per esempio quando un pezzo di JavaScript legge una proprietà che dipende dal suo layout, ad esempio offsetWidth.

Ma i dettagli dipenderanno dall’implementazione.

Sì, nel primo esempio ci saranno due riflessi e solo uno nel secondo. Check out Quando avviene il reflow in un ambiente DOM? .