1、解析HTML,構(gòu)建DOM樹(構(gòu)建DOM節(jié)點(diǎn));
2、構(gòu)建渲染樹(解析樣式信息,包括外部的css文件、style標(biāo)簽中的樣式)。渲染樹由一些包含有各種屬性的矩形組成,他們將會(huì)按照正確的順序顯 示到屏幕上;
3、布局渲染樹(布局DOM節(jié)點(diǎn)),執(zhí)行布局的過程,將確定每個(gè)節(jié)點(diǎn)在屏幕上的確切坐標(biāo);
4、繪制渲染樹(繪制DOM節(jié)點(diǎn),即遍歷渲染樹),使用UI后端層來繪制每個(gè)節(jié)點(diǎn)
2、構(gòu)建渲染樹(解析樣式信息,包括外部的css文件、style標(biāo)簽中的樣式)。渲染樹由一些包含有各種屬性的矩形組成,他們將會(huì)按照正確的順序顯 示到屏幕上;
3、布局渲染樹(布局DOM節(jié)點(diǎn)),執(zhí)行布局的過程,將確定每個(gè)節(jié)點(diǎn)在屏幕上的確切坐標(biāo);
4、繪制渲染樹(繪制DOM節(jié)點(diǎn),即遍歷渲染樹),使用UI后端層來繪制每個(gè)節(jié)點(diǎn)
2015-09-11
html標(biāo)簽要通過瀏覽器解析才能變成dom節(jié)點(diǎn)(dom tree),若沒有通過瀏覽器解析,就是一個(gè)文本文本文件而已
2015-09-11