成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

服務(wù)端渲染到前端渲染，再到“服務(wù)端渲染”

gghyoo / 3391人閱讀

摘要：服務(wù)端把數(shù)據(jù)渲染成一個完整的頁面，發(fā)送給前端。這時的服務(wù)端渲染已經(jīng)不同于以往的服務(wù)端渲染了。以往的服務(wù)端渲染只是想把數(shù)據(jù)動態(tài)的展示到網(wǎng)頁上。

最早時期的web

如果要呈現(xiàn)動態(tài)網(wǎng)頁，之前最早的時候只能ssr。
服務(wù)端把 數(shù)據(jù)+html 渲染成一個完整的web頁面，發(fā)送給前端。這時候的web只是簡單的信息展示。

有交互性的web

然后發(fā)現(xiàn)網(wǎng)站光是有數(shù)據(jù)的展示還不夠，還需要有交互性。
交互性的工作交給了JS來完成，這時期的服務(wù)器上面除了讀取數(shù)據(jù)的后端代碼，還夾雜著很多JS的代碼。

前后分離的web

夾雜著JS代碼的后端不利于維護，前后端代碼分離成為大家的心聲。（服務(wù)器來做大量的數(shù)據(jù)渲染計算也浪費了服務(wù)器的資源）
而前后端代碼分離需要面臨的一個問題就是數(shù)據(jù)通信的問題，后端動態(tài)的數(shù)據(jù)怎么傳送給前端。
這時Ajax（后來有fetch）被提出，Ajax能異步請求數(shù)據(jù)，讓用戶瀏覽網(wǎng)頁時感覺更加平滑。Ajax不僅解決了數(shù)據(jù)通信問題，讓前后端分離（前后端并行開發(fā)）成為可能，還帶了用戶體驗上的增強（異步加載）。

SPA出現(xiàn)

交互體驗的極致和各個移動端的興起，SPA開始初出茅廬。
SPA接近于Native App，除了首次加載慢的問題（這個要看如何實現(xiàn)，也有避免首次加載慢的解決辦法）。以后的操作都不需重新刷新整個頁面，而是只更新部分組件。
使用戶感覺更快，體驗更好。

SPA帶來的問題

SPA帶來了SEO和首次加載過慢的問題。

服務(wù)端來渲染交互性強的web。

這時的服務(wù)端渲染已經(jīng)不同于以往的服務(wù)端渲染了。
以往的服務(wù)端渲染只是想把數(shù)據(jù)動態(tài)的展示到網(wǎng)頁上。而不考慮web的交互性，實現(xiàn)也是由后端人員實現(xiàn)的。
但是現(xiàn)在的情況是，我們不僅需要一個具有交互性的web，而且這個web應(yīng)用是由后端生成好的。
并且還必須前后端分離，不能有代碼冗雜。還有，這種ssr 的實現(xiàn)是由前端人員來完成的。

歷史的車輪感覺又轉(zhuǎn)回去了，但是意義完全不一樣。
技術(shù)就像是螺旋上升的。

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/52773.html

相關(guān)文章

  • 服務(wù)端渲染到前端渲染，再到“服務(wù)端渲染”

    摘要：服務(wù)端把數(shù)據(jù)渲染成一個完整的頁面，發(fā)送給前端。這時的服務(wù)端渲染已經(jīng)不同于以往的服務(wù)端渲染了。以往的服務(wù)端渲染只是想把數(shù)據(jù)動態(tài)的展示到網(wǎng)頁上。 最早時期的web 如果要呈現(xiàn)動態(tài)網(wǎng)頁，之前最早的時候只能ssr。服務(wù)端把 數(shù)據(jù)+html 渲染成一個完整的web頁面，發(fā)送給前端。這時候的web只是簡單的信息展示。 有交互性的web 然后發(fā)現(xiàn)網(wǎng)站光是有數(shù)據(jù)的展示還不夠，還需要有交互性。交互性的工...

    shixinzhang 評論0 收藏0

  • 使用Vue、React和Koa開發(fā)個人博客

    摘要：前言實習(xí)了大半年，又臨近畢業(yè)，一直想做一個屬于自己的博客。于是就用和開發(fā)了一個服務(wù)端渲染的博客系統(tǒng)。其中后端管理使用開發(fā)前端頁面使用服務(wù)端渲染框架接口服務(wù)使用使用當(dāng)接口發(fā)生時向我發(fā)送郵件通知項目地址是點我訪問項目地址，不要臉地求。 前言 實習(xí)了大半年，又臨近畢業(yè)，一直想做一個屬于自己的博客。于是就用Vue、React和Koa開發(fā)了一個服務(wù)端渲染的博客系統(tǒng)。其中： 后端管理使用Vue開...

    pf_miles 評論0 收藏0

  • 使用Vue、React和Koa開發(fā)個人博客

    摘要：前言實習(xí)了大半年，又臨近畢業(yè)，一直想做一個屬于自己的博客。于是就用和開發(fā)了一個服務(wù)端渲染的博客系統(tǒng)。其中后端管理使用開發(fā)前端頁面使用服務(wù)端渲染框架接口服務(wù)使用使用當(dāng)接口發(fā)生時向我發(fā)送郵件通知項目地址是點我訪問項目地址，不要臉地求。 前言 實習(xí)了大半年，又臨近畢業(yè)，一直想做一個屬于自己的博客。于是就用Vue、React和Koa開發(fā)了一個服務(wù)端渲染的博客系統(tǒng)。其中： 后端管理使用Vue開...

    MingjunYang 評論0 收藏0

  • 使用Vue、React和Koa開發(fā)個人博客

    摘要：前言實習(xí)了大半年，又臨近畢業(yè)，一直想做一個屬于自己的博客。于是就用和開發(fā)了一個服務(wù)端渲染的博客系統(tǒng)。其中后端管理使用開發(fā)前端頁面使用服務(wù)端渲染框架接口服務(wù)使用使用當(dāng)接口發(fā)生時向我發(fā)送郵件通知項目地址是點我訪問項目地址，不要臉地求。 前言 實習(xí)了大半年，又臨近畢業(yè)，一直想做一個屬于自己的博客。于是就用Vue、React和Koa開發(fā)了一個服務(wù)端渲染的博客系統(tǒng)。其中： 后端管理使用Vue開...

    frolc 評論0 收藏0

發(fā)表評論

0條評論

gghyoo

男|高級講師

TA的文章

閱讀更多
最新活動
閱讀需要支付1元查看
<