資訊專欄INFORMATION COLUMN
摘要：服務端把數據渲染成一個完整的頁面，發(fā)送給前端。這時的服務端渲染已經不同于以往的服務端渲染了。以往的服務端渲染只是想把數據動態(tài)的展示到網頁上。
最早時期的web
如果要呈現(xiàn)動態(tài)網頁，之前最早的時候只能ssr。
服務端把 數據+html 渲染成一個完整的web頁面，發(fā)送給前端。這時候的web只是簡單的信息展示。
然后發(fā)現(xiàn)網站光是有數據的展示還不夠，還需要有交互性。
交互性的工作交給了JS來完成，這時期的服務器上面除了讀取數據的后端代碼，還夾雜著很多JS的代碼。
夾雜著JS代碼的后端不利于維護，前后端代碼分離成為大家的心聲。（服務器來做大量的數據渲染計算也浪費了服務器的資源）
而前后端代碼分離需要面臨的一個問題就是數據通信的問題，后端動態(tài)的數據怎么傳送給前端。
這時Ajax（后來有fetch）被提出，Ajax能異步請求數據，讓用戶瀏覽網頁時感覺更加平滑。Ajax不僅解決了數據通信問題，讓前后端分離（前后端并行開發(fā)）成為可能，還帶了用戶體驗上的增強（異步加載）。
交互體驗的極致和各個移動端的興起，SPA開始初出茅廬。
SPA接近于Native App，除了首次加載慢的問題（這個要看如何實現(xiàn)，也有避免首次加載慢的解決辦法）。以后的操作都不需重新刷新整個頁面，而是只更新部分組件。
使用戶感覺更快，體驗更好。
SPA帶來了SEO和首次加載過慢的問題。
服務端來渲染交互性強的web。這時的服務端渲染已經不同于以往的服務端渲染了。
以往的服務端渲染只是想把數據動態(tài)的展示到網頁上。而不考慮web的交互性，實現(xiàn)也是由后端人員實現(xiàn)的。
但是現(xiàn)在的情況是，我們不僅需要一個具有交互性的web，而且這個web應用是由后端生成好的。
并且還必須前后端分離，不能有代碼冗雜。還有，這種ssr 的實現(xiàn)是由前端人員來完成的。
歷史的車輪感覺又轉回去了，但是意義完全不一樣。 技術就像是螺旋上升的。
文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉載請注明本文地址：http://www.ezyhdfw.cn/yun/96536.html
摘要：服務端把數據渲染成一個完整的頁面，發(fā)送給前端。這時的服務端渲染已經不同于以往的服務端渲染了。以往的服務端渲染只是想把數據動態(tài)的展示到網頁上。 最早時期的web 如果要呈現(xiàn)動態(tài)網頁，之前最早的時候只能ssr。服務端把 數據+html 渲染成一個完整的web頁面，發(fā)送給前端。這時候的web只是簡單的信息展示。 有交互性的web 然后發(fā)現(xiàn)網站光是有數據的展示還不夠，還需要有交互性。交互性的工...
摘要：前言實習了大半年，又臨近畢業(yè)，一直想做一個屬于自己的博客。于是就用和開發(fā)了一個服務端渲染的博客系統(tǒng)。其中后端管理使用開發(fā)前端頁面使用服務端渲染框架接口服務使用使用當接口發(fā)生時向我發(fā)送郵件通知項目地址是點我訪問項目地址，不要臉地求。 前言 實習了大半年，又臨近畢業(yè)，一直想做一個屬于自己的博客。于是就用Vue、React和Koa開發(fā)了一個服務端渲染的博客系統(tǒng)。其中： 后端管理使用Vue開...
摘要：前言實習了大半年，又臨近畢業(yè)，一直想做一個屬于自己的博客。于是就用和開發(fā)了一個服務端渲染的博客系統(tǒng)。其中后端管理使用開發(fā)前端頁面使用服務端渲染框架接口服務使用使用當接口發(fā)生時向我發(fā)送郵件通知項目地址是點我訪問項目地址，不要臉地求。 前言 實習了大半年，又臨近畢業(yè)，一直想做一個屬于自己的博客。于是就用Vue、React和Koa開發(fā)了一個服務端渲染的博客系統(tǒng)。其中： 后端管理使用Vue開...
摘要：前言實習了大半年，又臨近畢業(yè)，一直想做一個屬于自己的博客。于是就用和開發(fā)了一個服務端渲染的博客系統(tǒng)。其中后端管理使用開發(fā)前端頁面使用服務端渲染框架接口服務使用使用當接口發(fā)生時向我發(fā)送郵件通知項目地址是點我訪問項目地址，不要臉地求。 前言 實習了大半年，又臨近畢業(yè)，一直想做一個屬于自己的博客。于是就用Vue、React和Koa開發(fā)了一個服務端渲染的博客系統(tǒng)。其中： 后端管理使用Vue開...
閱讀 1031·2021-11-24 09:39
閱讀 3472·2021-10-27 14:20
閱讀 2374·2019-08-30 14:08
閱讀 3443·2019-08-29 16:34
閱讀 2253·2019-08-26 12:14
閱讀 2164·2019-08-26 11:54
閱讀 2843·2019-08-26 11:44
閱讀 2534·2019-08-26 11:38
