Pytania odnośnie DOM

Question

Dobry wieczór, chciałbym zadać 2 pytania, bo tu jestem trochę niepewny.
Kiedy przeglądarka tworzy DOM podczas ładowania strony, to ten cały DOM te wszystkie obiekty elementów, są przechowywane w obiekcie document, do którego mamy dostęp poprzez JavaScript?
Zawsze jak zmienia się coś w obiekcie elementu, który jest w DOM np. wewnętrzny HTML to dynamiczna zmiana jest widoczna na stronie, czyli na stronie wyświetlany jest DOM ?
Dziękuję za wszelki poświęcony czas na odpowiedzi.

Answer 1

Kiedy przeglądarka tworzy DOM podczas ładowania strony, to ten cały DOM te wszystkie obiekty elementów, są przechowywane w obiekcie document, do którego mamy dostęp poprzez JavaScript?

Tak, oprócz pseudo-elementów

Zawsze jak zmienia się coś w obiekcie elementu, który jest w DOM np. wewnętrzny HTML to dynamiczna zmiana jest widoczna na stronie, czyli na stronie wyświetlany jest DOM ?

Nie, na stronie wyświetlana jest strona. Jej renderowanie opiera się o DOM, który przechowuje informacje o poszczególnych elementach (w tym również skryptach i stylach)

Comments

To strona jest zawsze renderowana na nowo, kiedy zmienia się cos w DOM ?

---

To wszystko jest trochę bardziej skomplikowane

DOM ->
parswoanie stylów ->
utworzenie CSSOM (CSS Object Model) ->
layout (obliczanie co jak i gdzie powinno leżeć na podstawie DOM i CSSOM) ->
painting (narysowanie widoku)

Przy każdej zmianie w DOM, następuje relayout (reflow, layout trashing), więc teoretycznie - odpowiedź na pytanie brzmi: tak.

W praktyce jednak przeglądarki stosują różne magiczne sztuczki, żeby unikać tego procesu albo stosować go tylko na danym obszarze strony. Skłaniałbym się do odpowiedzi: w większosći przypadków tak

Jeśli chodzi o optymalizacje, layout trashing jest bardzo niepożądanym zjawiskiem