1. 程式人生 > >服務端渲染與客戶端渲染

服務端渲染與客戶端渲染

交互 區別 負責 htm 圖片 color 分享圖片 eight 輸入

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

服務端渲染與客戶端渲染