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

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

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

好口碑IT培訓(xùn)

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

SPA的優(yōu)缺點

優(yōu)點：

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

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

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

(4)容易借助其他知名平臺更有利于營銷和推

(5)符合web2.0的趨勢

缺點：

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

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

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

(4)某些平臺對hash有偏見，有些甚至不支持pushstate