2015-08-01 21 views
6

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?

+0

Questa è una domanda molto ampia. Lo hai cercato su google? –

+1

@EdHeal Questa domanda di overflow dello stack si trova nella parte superiore dei risultati di ricerca di Google per "albero di rendering". – ChrisW

risposta

1

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:

0

Questi sono alcuni ottimi articoli, penso che si dovrebbe leggere prima!

  1. Ciò che ogni Frontend sviluppatore dovrebbe conoscere pagina web rendering

    http://frontendbabel.info/articles/webpage-rendering-101/

  2. come funzionano i browser: Dietro le quinte di moderni browser web

    http://taligarsiel.com/Projects/howbrowserswork1.htm

  3. Render-albero costruzione, la configurazione e vernice

    https://developers.google.com/web/fundamentals/performance/critical-rendering-path/render-tree-construction

speranza di aiuto per voi!

+0

https://developers.google.com/web/fundamentals/performance/critical-rendering-path/render-tree-construction – xgqfrms

+0

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

0

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.

Problemi correlati