教育行業(yè)A股IPO第一股(股票代碼 003032)

全國(guó)咨詢/投訴熱線:400-618-4000

什么是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)用感覺(jué)

(2)節(jié)省原生(android和ios)app開(kāi)發(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有偏見(jiàn),有些甚至不支持pushstate

(5)不利于搜索引擎抓取



猜你喜歡

Vue生命周期總共分為幾個(gè)階段?

VUE優(yōu)點(diǎn)有哪些?VUE的特點(diǎn)介紹

什么是Vue?Vue的工作原理是什么?

傳智教育HTML&JS+前端開(kāi)發(fā)課程

0 分享到:
和我們?cè)诰€交談!