傳統的DOM渲染方式

2022-09-15 02:39:11 字數 602 閱讀 8798

dom的渲染指的是對於瀏覽器中展現給使用者的dom文件的生成的過程。在chrome中,渲染好的dom,就是在開發者工具中元素這個tab中,遞迴的展開之後得到的整個文件。

傳統的dom渲染分為以下三步:

純後端渲染         

純前端渲染         

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

純後端渲染 又稱為伺服器端渲染(ssr):服務端在返回 html 之前,在特定的區域,符號裡用資料填充,再給客戶端,客戶端只負責解析 html 。

純前端渲染 又稱為客戶端渲染(spa):html 僅僅作為靜態檔案,客戶端端在請求時,服務端不做任何處理,直接以原檔案的形式返回給客戶端客戶端,然後根據 html 上的 j**ascript,生成 dom 插入 html。

服務端的js渲染結合前端渲染: 顧名思義就是將後端渲染和前端渲染中一些交給純後端dom渲染邏輯分離的不好,但是交給純前端dom渲染又會造成較高延遲的部分單獨分離出來形成了一獨立dom渲染階段,保留的**中天然的展示層和資料層的分離,又把api請求的累計延遲減少了很多,從seo角度來說渲染結果對搜尋引擎也很友好。當然,這樣的做法需要給整體的架構增加乙個獨立的單元,給開發和部署都帶來了更高複雜性。

傳統的DOM渲染方式?

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

傳統的DOM渲染方式

什麼是dom渲染 dom渲染是瀏覽器展現給使用者的dom文件的生成的過程。dom渲染的演化過程 純後端渲染 純前端渲染 服務端的js渲染結合前端渲染 純後端渲染 dom樹的生成完全是在後端伺服器中完成,伺服器的程式會把各種的資料拼成乙個dom樹。採用這樣的渲染方式,就是每乙個頁面中,在chrome中...

傳統的DOM渲染方式

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