Mi piacerebbe sapere la differenza tra "albero di dom" e "albero di rendering"?Qual è la differenza tra l'albero DOM del browser e l'albero di rendering
L'albero di rendering è costituito dall'albero "dom" o È un albero diverso creato dal browser?
Mi piacerebbe sapere la differenza tra "albero di dom" e "albero di rendering"?Qual è la differenza tra l'albero DOM del browser e l'albero di rendering
L'albero di rendering è costituito dall'albero "dom" o È un albero diverso creato dal browser?
Ottima domanda. L'albero DOM è essenzialmente l'albero che contiene tutti gli elementi HTML (nodi), mentre l'albero di rendering è il culmine degli alberi DOM e CSSOM. L'albero di rendering è quello che viene effettivamente visualizzato sulla pagina. Spero che questo ti aiuti! Ho scritto un articolo su questo, check it out :)
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:
Questi sono alcuni ottimi articoli, penso che si dovrebbe leggere prima!
Ciò che ogni Frontend sviluppatore dovrebbe conoscere pagina web rendering
come funzionano i browser: Dietro le quinte di moderni browser web
Render-albero costruzione, la configurazione e vernice
speranza di aiuto per voi!
https://developers.google.com/web/fundamentals/performance/critical-rendering-path/render-tree-construction – xgqfrms
Gli alberi CSSOM e DOM sono combinati in un ** albero di rendering **, che viene quindi utilizzato per calcola il layout di ogni elemento visibile e funge da input per il processo di pittura che rende i pixel da schermare.L'ottimizzazione di ciascuna di queste fasi è fondamentale per ottenere prestazioni di rendering ottimali. – xgqfrms
L'albero di rendering viene creato combinando l'albero DOM (Fatto dall'analisi dell'HTML) e CSSOM (Fatto dall'analisi del CSS definito per il documento).
Albero di rendering contiene solo i nodi che saranno visibili sullo schermo, cioè se la visualizzazione per uno dei nodi è contrassegnata come none
, allora non sarà la parte dell'albero di rendering.
L'albero di rendering viene quindi passato alla fase di layout e infine alla fase di disegno che dipinge i pixel effettivi sullo schermo e il contenuto è visibile all'utente.
Per rispondere alla tua domanda: Sia il dom tree che l'albero di rendering vengono creati solo dal browser e l'albero di rendering yes viene creato dall'albero del dom come spiegato sopra.
Questa è una domanda molto ampia. Lo hai cercato su google? –
@EdHeal Questa domanda di overflow dello stack si trova nella parte superiore dei risultati di ricerca di Google per "albero di rendering". – ChrisW