Chciałbym wiedzieć o różnicy "drzewa dom" i "renderowania drzewa"?jaka jest różnica między drzewem DOM przeglądarki a drzewem renderowania
Czy drzewo renderowania zbudowane jest z "drzewa dom" lub jest to inne drzewo utworzone przez przeglądarkę?
Chciałbym wiedzieć o różnicy "drzewa dom" i "renderowania drzewa"?jaka jest różnica między drzewem DOM przeglądarki a drzewem renderowania
Czy drzewo renderowania zbudowane jest z "drzewa dom" lub jest to inne drzewo utworzone przez przeglądarkę?
Świetne pytanie. Drzewo DOM jest zasadniczo drzewem zawierającym wszystkie twoje elementy HTML (węzły), podczas gdy drzewo renderowania jest zwieńczeniem drzew DOM i CSSOM. Drzewo renderowania jest tym, które jest faktycznie renderowane na stronie. Mam nadzieję że to pomoże! Napisałem artykuł o tym, to sprawdzić :)
http://www.jjburton.com/2016/02/12/web-science-browser-internals-rendering.html
The big question...'How does the browser render a web page?'. Before starting, let's quickly answer some sub-questions:
Oto niektóre bardzo dobre artykuły, myślę, że powinieneś przeczytać pierwszy!
Co każdy Frontend Developer powinien wiedzieć o stronie internetowej Rendering
Jak działa przeglądarek: Za kulisami nowoczesnych przeglądarek internetowych
Render drzewo konstrukcja, rozplanowanie i farbą
nadzieję na pomoc dla Ciebie!
https://developers.google.com/web/fundamentals/performance/critical-rendering-path/render-tree-construction – xgqfrms
Drzewa CSSOM i DOM są połączone w ** drzewko renderowania **, które jest następnie używane do obliczyć układ każdego widocznego elementu i służy jako dane wejściowe do procesu malowania, który renderuje piksele na ekranie.Optymalizacja każdego z tych kroków ma kluczowe znaczenie dla uzyskania optymalnej wydajności renderowania. – xgqfrms
Drzewo renderowania tworzy się, łącząc drzewo DOM (wykonane z parsowania HTML) i CSSOM (wykonane z parsowania drzewa CSS zdefiniowanego dla dokumentu).
Drzewo renderowania zawiera tylko węzły, które będą widoczne na ekranie, tj. Jeśli ekran dla dowolnego węzła jest oznaczony jako none
, to nie będzie on częścią drzewa renderowania.
Drzewo renderowania jest następnie przekazywane do fazy układania i ostatecznie do fazy malowania, która maluje rzeczywiste piksele na ekranie, a zawartość jest widoczna dla użytkownika.
Aby odpowiedzieć na pytanie: zarówno drzewo domena, jak i drzewo renderowania są tworzone tylko przez przeglądarkę, a tak drzewo renderowania jest tworzone z drzewa domen, jak wyjaśniono powyżej.
To jest bardzo szerokie pytanie. Czy zrobiłeś to przez Google? –
@EdHeal To pytanie przepełnienie stosu znajduje się u góry wyników wyszukiwania Google dla "drzewa renderowania". – ChrisW