資訊專欄INFORMATION COLUMN
摘要：常聽(tīng)到服務(wù)器端渲染和瀏覽器端渲染這兄弟倆，一直不是很理解，尤其對(duì)于我這種沒(méi)有后臺(tái)開(kāi)發(fā)經(jīng)驗(yàn)的小白來(lái)說(shuō)，理解起來(lái)異常困難，最近花時(shí)間查了很多資料，總算弄明白了，于是整理下，加深記憶。
常聽(tīng)到服務(wù)器端渲染和瀏覽器端渲染這兄弟倆，一直不是很理解，尤其對(duì)于我這種沒(méi)有后臺(tái)開(kāi)發(fā)經(jīng)驗(yàn)的小白來(lái)說(shuō)，理解起來(lái)異常困難，最近花時(shí)間查了很多資料，總算弄明白了，于是整理下，加深記憶。
這邊文章是參考下面的文章做的總結(jié)
https://segmentfault.com/q/10...
首選我們要明白這兩種技術(shù)出現(xiàn)的原因，假如我們只是需要一個(gè)完全靜態(tài)的頁(yè)面，沒(méi)有任何數(shù)據(jù)變動(dòng)，比如a.html
那我們只需要把這個(gè)a.html扔到服務(wù)器上進(jìn)行訪問(wèn)就可以了，但是現(xiàn)實(shí)工作我們的頁(yè)面要復(fù)雜的多，各種數(shù)據(jù)變動(dòng)交互，而你不可能為每一個(gè)變動(dòng)的數(shù)據(jù)都寫(xiě)一個(gè)視圖，那么我們就只能把數(shù)據(jù)和視圖分離，然后通過(guò)一種技術(shù)將數(shù)據(jù)塞進(jìn)視圖里面，這種技術(shù)就叫做渲染。
如果這個(gè)技術(shù)由瀏覽器來(lái)實(shí)現(xiàn)就叫客戶端渲染，如果是由服務(wù)器來(lái)實(shí)現(xiàn)就叫做服務(wù)器端渲染。
這里要特別注意一點(diǎn)，這篇文章說(shuō)的渲染和瀏覽器渲染html沒(méi)有任何關(guān)系，這里的渲染是指生成html文檔的過(guò)程，新手小白要特別注意不要弄混了.
下面我們用一個(gè)表格來(lái)總結(jié)下瀏覽器和服務(wù)器端渲染端卻別和優(yōu)缺點(diǎn)
在看下客戶端和服務(wù)器端渲染路線，下圖左側(cè)是客戶端渲染，右側(cè)是服務(wù)器端渲染
文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://specialneedsforspecialkids.com/yun/53948.html
摘要：常聽(tīng)到服務(wù)器端渲染和瀏覽器端渲染這兄弟倆，一直不是很理解，尤其對(duì)于我這種沒(méi)有后臺(tái)開(kāi)發(fā)經(jīng)驗(yàn)的小白來(lái)說(shuō)，理解起來(lái)異常困難，最近花時(shí)間查了很多資料，總算弄明白了，于是整理下，加深記憶。 常聽(tīng)到服務(wù)器端渲染和瀏覽器端渲染這兄弟倆，一直不是很理解，尤其對(duì)于我這種沒(méi)有后臺(tái)開(kāi)發(fā)經(jīng)驗(yàn)的小白來(lái)說(shuō)，理解起來(lái)異常困難，最近花時(shí)間查了很多資料，總算弄明白了，于是整理下，加深記憶。這邊文章是參考下面的文章做的總...
摘要：卸載階段組件卸載和銷毀老版生命周期之前的生命周期初始化階段涉及個(gè)鉤子函數(shù)這些方法會(huì)在組件初始化的時(shí)候被調(diào)用，只跟實(shí)例的創(chuàng)建有關(guān)。 前言：React 的版本從 v15 到 v16.3 ，再到v16.4，現(xiàn)在最新的版本是 v16.8了。其中最大的變化可能是React Hooks的加入，而最令人困惑的卻是它的生命周期，新舊生命周期函數(shù)混雜在一起，難免會(huì)讓許多新來(lái)者有很多困惑。所以這一篇我們來(lái)...
摘要：現(xiàn)在我們需要在服務(wù)端和瀏覽器之間開(kāi)啟一個(gè)中間層用于服務(wù)端渲染。問(wèn)題設(shè)置的配置文件這樣我們的層才能獲取到的，并在客戶端將登陸時(shí)將保存下來(lái)，同時(shí)返回給客戶端。這樣用戶在刷新頁(yè)面時(shí)，會(huì)通過(guò)并帶上請(qǐng)求服務(wù)器獲取數(shù)據(jù)。 vue 博客優(yōu)化，服務(wù)端渲染(SSR)指南 對(duì)已有的單頁(yè)應(yīng)用進(jìn)行改造，優(yōu)化，使之成為一個(gè)具有良好seo的應(yīng)用 github地址WdBly博客地址 安裝 git clone htt...
摘要：現(xiàn)在我們需要在服務(wù)端和瀏覽器之間開(kāi)啟一個(gè)中間層用于服務(wù)端渲染。問(wèn)題設(shè)置的配置文件這樣我們的層才能獲取到的，并在客戶端將登陸時(shí)將保存下來(lái)，同時(shí)返回給客戶端。這樣用戶在刷新頁(yè)面時(shí)，會(huì)通過(guò)并帶上請(qǐng)求服務(wù)器獲取數(shù)據(jù)。 vue 博客優(yōu)化，服務(wù)端渲染(SSR)指南 對(duì)已有的單頁(yè)應(yīng)用進(jìn)行改造，優(yōu)化，使之成為一個(gè)具有良好seo的應(yīng)用 github地址WdBly博客地址 安裝 git clone htt...
摘要：以上函數(shù)默認(rèn)會(huì)對(duì)一個(gè)數(shù)字組成的數(shù)組進(jìn)行按數(shù)字面值大小排序下午雷學(xué)委列表的其他函數(shù)持續(xù)學(xué)習(xí)持續(xù)開(kāi)發(fā)效果如下，讀者可以仔細(xì)看看是否如學(xué)委所說(shuō)。 正式的Python專...
閱讀 2572·2021-09-23 11:21
閱讀 1882·2021-09-22 15:15
閱讀 970·2021-09-10 11:27
閱讀 3440·2019-08-30 15:54
閱讀 651·2019-08-30 15:52
閱讀 1335·2019-08-30 15:44
閱讀 2349·2019-08-29 15:06
閱讀 2972·2019-08-28 18:21
