傳統的DOM渲染方式?

2021-09-25 07:06:18 字數 672 閱讀 1177

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

純後端渲染

純前端渲染

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

(1).純後端渲染:

採用這樣的渲染方式,就是每乙個頁面中,在chrome中展開得到的dom,和伺服器返回的dom是基本一致的(可以通過檢視網頁源**來得到伺服器返回的dom)。當然,這裡是「基本」一致,因為實際操作中,頁面或多或少還是會帶有一些js**,並且在瀏覽器端中執行這些js**來對dom進行的渲染,不過這一部分js**並不影響dom的主體是由服務端返回的。

純後端的dom渲染,dom樹的生成完全是在後端伺服器中完成的,相當於後端伺服器的程式會把各種的資料拼成乙個dom樹,並轉換成乙個位元組流作為http response的body返回給瀏覽器。

(2)純前端渲染:

純前端渲染可以解決純後端渲染**現的各種體驗問題。純前端渲染把dom生成的主題邏輯都放在了前端,這時後端只會返回乙個框架的dom結構,比如只帶乙個容器元素的的dom,然後由js**把頁面的主題渲染到這個容器元素中。

(3)服務端的js渲染結合前端渲染:

目前是最適於提供最優的使用體驗,但不一定開發中最好的方式,在不同的地方,根據不同的方法來解決。

傳統的DOM渲染方式

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

傳統的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 純前...