我現在就只是前端用用框架寫一寫SPA,然後後台只是處理下數據庫相關的數據,前後就restful形式的API傳遞下數據,至於這些個渲染毫無概念。 所謂的服務端渲染就是指在後台產生html檔傳給前端,那對於react和Vue這種引入了虛擬DOM的呢? 前端渲染是指什麼,解析html產生DOM樹然後繪製頁面? 前端渲染和客戶端渲染是指同一個意思吧? 前端渲染和服務端渲染應用程式場景都有哪些?
人生最曼妙的风景,竟是内心的淡定与从容!
一言兩句難以詮釋清楚, 可以參考下面的連結:前端渲染和後端渲染後端渲染html、前端模板渲染html,jquery的html,各有什麼區別? 精讀前後端渲染之爭
先渲染,在這裡應該是只將資料和模版組裝成html。
前後端分離加上SPA的情況下,後端除了關鍵路徑帶認證那種的請求給你重定向之外,一般的路由邏輯都是前後端共享的,部分處理邏輯也是前後端共享,並且後端提供資料接口,與接口相關的資料處理邏輯就是後端獨有。
在SPA場景下服務端渲染都是針對第一次get請求,用於生產完整的html給瀏覽器,瀏覽器直接出首畫面。 客戶端渲染都是針對客戶端狀態變化,請求了數據,進行局部dom變化(局部可能大到整個body)。 react/vue在這種場景下,服務端僅將jsx/模版轉換成html,客戶端根據props/state變化,協調虛擬dom和真實dom之間的同步。
在傳統前後端分離場景下,後端負責渲染完整html,前端js負責互動之後,改變幾個文字動畫之類的。沒有前端渲染。
綜述:
虛擬dom僅存在於前端,用於協調虛擬dom和真實dom差異,最小化更新真實dom。
前端渲染指 解析資料和模版,產生dom。跟後端一致。
是的,同一個意思,在web場景下。
前端渲染:不想每次小變化都請求服務端重新產生整個dom的場景。服務端渲染:絕大多數場景,極端場景是客戶端禁用js的時候。僅用前端渲染的場景估計是公司架構不允許react/vue做渲染(尚未部署node伺服器)。通常情況,前後端渲染都有。
IT界有個不好的習慣就是會造一個花俏的名詞讓你不知道具體細節:
後端渲染:後端的程式在把html頁面吐給前端之前,先把html頁面上的特定區域,特定符號,給用資料填充過,再扔給前端,這就是後端渲染,所謂渲染,你可以理解一種修改,渲染這個詞最早來自遊戲領域,遊戲領域又來自現實畫畫,渲染嘛,拿著顏料往紙上塗便是。以前絕大部分伺服器都是這個模式
前端渲染:後端的html頁面作為靜態檔案存在,前端請求時後端不對該檔案做任何內容上的修改,直接以資源的方式返回給前端,前端拿到頁面後,根據寫在html頁面上的js程式碼,對該html的內容進行修改(塗顏料)。這就是前段渲染
一言兩句難以詮釋清楚, 可以參考下面的連結:
前端渲染和後端渲染
後端渲染html、前端模板渲染html,jquery的html,各有什麼區別?
精讀前後端渲染之爭
先渲染,在這裡應該是只將資料和模版組裝成html。
前後端分離加上SPA的情況下,後端除了關鍵路徑帶認證那種的請求給你重定向之外,一般的路由邏輯都是前後端共享的,部分處理邏輯也是前後端共享,並且後端提供資料接口,與接口相關的資料處理邏輯就是後端獨有。
在SPA場景下
服務端渲染都是針對第一次get請求,用於生產完整的html給瀏覽器,瀏覽器直接出首畫面。
客戶端渲染都是針對客戶端狀態變化,請求了數據,進行局部dom變化(局部可能大到整個body)。
react/vue在這種場景下,服務端僅將jsx/模版轉換成html,客戶端根據props/state變化,協調虛擬dom和真實dom之間的同步。
在傳統前後端分離場景下,
後端負責渲染完整html,前端js負責互動之後,改變幾個文字動畫之類的。沒有前端渲染。
綜述:
虛擬dom僅存在於前端,用於協調虛擬dom和真實dom差異,最小化更新真實dom。
前端渲染指 解析資料和模版,產生dom。跟後端一致。
是的,同一個意思,在web場景下。
前端渲染:不想每次小變化都請求服務端重新產生整個dom的場景。服務端渲染:絕大多數場景,極端場景是客戶端禁用js的時候。僅用前端渲染的場景估計是公司架構不允許react/vue做渲染(尚未部署node伺服器)。通常情況,前後端渲染都有。
IT界有個不好的習慣就是會造一個花俏的名詞讓你不知道具體細節:
後端渲染:後端的程式在把html頁面吐給前端之前,先把html頁面上的特定區域,特定符號,給用資料填充過,再扔給前端,這就是後端渲染,所謂渲染,你可以理解一種修改,渲染這個詞最早來自遊戲領域,遊戲領域又來自現實畫畫,渲染嘛,拿著顏料往紙上塗便是。以前絕大部分伺服器都是這個模式
前端渲染:後端的html頁面作為靜態檔案存在,前端請求時後端不對該檔案做任何內容上的修改,直接以資源的方式返回給前端,前端拿到頁面後,根據寫在html頁面上的js程式碼,對該html的內容進行修改(塗顏料)。這就是前段渲染