服務端渲染與客戶端渲染
阿新 • • 發佈:2019-02-24
交互 區別 負責 htm 圖片 color 分享圖片 eight 輸入
服務端渲染:
服務端內,直接通過模板引擎,將數據與模板結合,直接生成html文件,返回給客戶端進行解析。客戶端只負責解析html
動態的數據直接在後端與模板結合了,不需要前端進行請求獲取,但是一些後期的交互,還是需要在客戶端執行,像點擊刪除某一個商品信息
客戶端渲染:
在客戶端生成最終的html,
第一次請求: 請求頁面輸入網址,服務端返回html靜態文件,瀏覽器在進行解析渲染
第二次請求:請求動態數據,頁面的數據需要請求服務器獲得,得到相應數據後,瀏覽器根據html文件的js,操作DOM,生成最終的頁面
後期的動態交互與服務器渲染就是相同的了
區分:
看html文件在哪裏生成:
1、在後端用模板與數據通過模板引擎生成html,直接返回給前端html文件,則是服務器段渲染
2、服務器返回字符串, 在客戶端,在通過ajax請求數據,結合,生成html,則是客戶端渲染
查看源代碼:,如果是服務端渲染,可以在源代碼中找到頁面的數據,如果是後期通過ajax等異步獲取的,在源代碼中是看不到的
區別:
服務端渲染與客戶端渲染