服務端渲染與客戶端渲染

原博客   http://www.javashuo.com/article/p-eqctlqxw-ka.html

服務端渲染：

        服務端內，直接經過模板引擎，將數據與模板結合，直接生成html文件，返回給客戶端進行解析。客戶端只負責解析html

        動態的數據直接在後端與模板結合了，不須要前端進行請求獲取，可是一些後期的交互，仍是須要在客戶端執行，像點擊刪除某一個商品信息

 

客戶端渲染：

        在客戶端生成最終的html，

        第一次請求:  請求頁面輸入網址，服務端返回html靜態文件，瀏覽器在進行解析渲染

        第二次請求：請求動態數據，頁面的數據須要請求服務器得到，獲得相應數據後，瀏覽器根據html文件的js，操做DOM，生成最終的頁面

        後期的動態交互與服務器渲染就是相同的了

 

區分：

   看html文件在哪裏生成：

        一、在後端用模板與數據經過模板引擎生成html，直接返回給前端html文件，則是服務器段渲染

        二、服務器返回字符串， 在客戶端，在經過ajax請求數據，結合，生成html，則是客戶端渲染

   查看源代碼：，若是是服務端渲染，能夠在源代碼中找到頁面的數據，若是是後期經過ajax等異步獲取的，在源代碼中是看不到的

 

區別：