鍍金池/ 問答/HTML5  HTML/ cssom樹是如何構建的

cssom樹是如何構建的

我們都知道渲染樹是由cssom樹加上dom樹構建的
那么 cssom樹具體是如何構建 是什么樣的結構呢?
我看到過以下兩種說法:
1、DOM樹和cssom樹同時構建然后構建渲染樹
2、dom樹和渲染數同時構建
所以dom樹到底和什么同時構建 還是說三個樹都同時構建???

還有以下幾個名詞有困惑
規(guī)則樹
上下文樹
呈現樹

回答
編輯回答
賤人曾

1、處理 HTML 標記并構建 DOM 樹。
2、處理 CSS 標記并構建 CSSOM 樹。
3、將 DOM 與 CSSOM 合并成一個渲染樹。
4、根據渲染樹來布局,以計算每個節(jié)點的幾何信息。
5、將各個節(jié)點繪制到屏幕上。
(那幾個名詞可以按字面意思望文生義,如需詳細解釋,望題主自行深究)

2017年7月27日 11:38
編輯回答
悶油瓶

渲染的過程 (google的,你懂的)

至于下面那幾個名詞,第一次聽說,查了下是firefox在具體實現時采用的方式,涉及到瀏覽器的實現不深入學習不用深究

2017年1月9日 04:04
編輯回答
九年囚

cssom樹的構建分為兩種情況 一種是webkit的attachment
一個是firfox的上下文樹和規(guī)則樹
規(guī)則樹是用來幫助構建上下文樹的
呈現樹則是渲染樹的另一種叫法
著三種樹是交叉構建的沒有明顯的先后區(qū)分

2017年8月22日 21:34