首頁(yè)技術(shù)文章正文

什么是SPA單頁(yè)面?有什么優(yōu)缺點(diǎn)?

更新時(shí)間:2021年10月15日17時(shí)44分來(lái)源:傳智教育瀏覽次數(shù):

好口碑IT培訓(xùn)

單頁(yè)Web應(yīng)用(single-page application 簡(jiǎn)稱為 SPA)是一種特殊的Web應(yīng)用，它將所有的活動(dòng)局限于一個(gè)Web頁(yè)面中，僅在該Web頁(yè)面初始化時(shí)加載相應(yīng)的HTML、JavaScript和CSS，一旦頁(yè)面加載完成了，SPA不會(huì)因?yàn)橛脩舻牟僮鞫M(jìn)行頁(yè)面的重新加載或跳轉(zhuǎn)，取而代之的是利用JavaScript動(dòng)態(tài)的變換HTML的內(nèi)容，從而實(shí)現(xiàn)UI與用戶的交互，由于避免了頁(yè)面的重新加載，SPA 可以提供較為流暢的用戶體驗(yàn)，得益于ajax，我們可以實(shí)現(xiàn)無(wú)跳轉(zhuǎn)刷新，又多虧了瀏覽器的histroy機(jī)制，我們用hash的變化從而可以實(shí)現(xiàn)推動(dòng)界面變化，從而模擬元素客戶端的單頁(yè)面切換效果。

SPA的優(yōu)缺點(diǎn)

優(yōu)點(diǎn)：

(1)無(wú)刷新界面，給用戶體驗(yàn)原生的應(yīng)用感覺

(2)節(jié)省原生(android和ios)app開發(fā)成本

(3)提高發(fā)布效率，無(wú)需每次安裝更新包

(4)容易借助其他知名平臺(tái)更有利于營(yíng)銷和推

(5)符合web2.0的趨勢(shì)

缺點(diǎn)：

(1)效果和性能確實(shí)和原生的有較大差距

(2)各個(gè)瀏覽器的版本兼容性不一樣

(3)業(yè)務(wù)隨著代碼量增加而增加，不利于首屏優(yōu)化

(4)某些平臺(tái)對(duì)hash有偏見，有些甚至不支持pushstate