傳統的DOM渲染方式

2022-02-18 22:25:23 字數 434 閱讀 7586

什麼是dom渲染:

dom渲染是瀏覽器展現給使用者的dom文件的生成的過程。

dom渲染的演化過程:

①純後端渲染

②純前端渲染

③服務端的js渲染結合前端渲染

純後端渲染:dom樹的生成完全是在後端伺服器中完成,伺服器的程式會把各種的資料拼成乙個dom樹。採用這樣的渲染方式,就是每乙個頁面中,在chrome中展開得到的dom,和伺服器返回的dom基本一致。這個過程會有少部分js**,不過這並不影響dom的主體是伺服器返回的。

純前端渲染:後端只返回乙個dom框架,dom生成的主體邏輯在前端,js**將頁面的主體渲染到前端。

服務端的js渲染結合前端渲染:前面兩種渲染中有一些任務,交給純後端dom渲染邏輯分離的不好,交給純前端dom渲染會造成較長的延遲,所以分離出來了乙個獨立dom渲染階段。從seo角度來說很友好,但是加大了開發難度。

傳統的DOM渲染方式?

dom渲染指的是對於瀏覽器中展現給使用者的dom文件的生成的過程。純後端渲染 純前端渲染 服務端的js渲染結合前端渲染 1 純後端渲染 採用這樣的渲染方式,就是每乙個頁面中,在chrome中展開得到的dom,和伺服器返回的dom是基本一致的 可以通過檢視網頁源 來得到伺服器返回的dom 當然,這裡是...

傳統的DOM渲染方式

傳統的渲染方式分為四步 1 htmly用html解析器來解析 瀏覽器在解析html文件時,會把html解析為一種稱為文件物件模型 document object model 的物件集合,簡稱dom。dom的結構是樹狀的。解析器通常把工作分給兩個元件 分詞程式負責把輸入切分成合法符號串行,解析程式負責...

傳統的DOM渲染方式

傳統的dom渲染方式 分為三個過程 1 純後端渲染 2 純前端渲染 3 服務端js渲染結合前端渲染 1 純後端渲染 在瀏覽器開啟得到的dom樹,基本與伺服器返回的dom基本一致,dom樹的生成完全是在後端完成的,然後將樹轉化為乙個位元組流作為http response的body返回給瀏覽器。2 純前...