摘要:一,什么是單頁面應(yīng)用通俗的來講,就是一個應(yīng)用只有一個頁面,用戶通過切換路由和動態(tài)獲取數(shù)據(jù)達到頁面更新的目的,整個應(yīng)用的使用過程中,頁面只是局部刷新。
一, 什么是單頁面應(yīng)用
通俗的來講,就是一個應(yīng)用只有一個頁面,用戶通過切換路由和動態(tài)獲取數(shù)據(jù)達到頁面更新的目的,整個應(yīng)用的使用過程中,頁面只是局部刷新。在整個應(yīng)用初始加載時,會一次性加載所有靜態(tài)文件或所有公共靜態(tài)文件(切換頁面時,加載相應(yīng)靜態(tài)文件);
二, 為什么要什么用單頁面應(yīng)用
1:用戶體驗好, 相比較多頁面應(yīng)用,多頁面在切換頁面的時候,需要加載所有頁面所需要的靜態(tài)文件,頁面會出現(xiàn)短暫的白屏效果,相比較單頁面應(yīng)用, 所有公用的靜態(tài)文件都首次加載后,保存在了本地,在進行切換頁面的時候,只需要加載相應(yīng)的文件和數(shù)據(jù)就行,整個過程加載量很少 2:前后端徹底分離, 服務(wù)端只通過接口提供數(shù)據(jù), 不用像之前需要把數(shù)據(jù)渲染到頁面上,一套api可以再瀏覽器應(yīng)用中使用,也可以再移動ios,Android中使用,做到了徹底的前后端分離 3,完全的前端
三, 單頁面的缺點
1, 首次加載大量資源: 因為需要在一個頁面中呈現(xiàn)所有的應(yīng)用的功能,勢必需要加載所有頁面都需要的資源文件,這樣就需要在首次加載的時候,加載大量資源,導(dǎo)致首頁等待時間過長,(現(xiàn)在初步優(yōu)化的結(jié)果是: 在切換頁面的時候,加載相應(yīng)的資源) 2,對SEO不友好: 因為整個頁面剛開始可能是個空頁面,數(shù)據(jù)指動態(tài)獲取的, 搜索引擎是搜獲不到任何有關(guān)的內(nèi)容 3:相比家多頁面應(yīng)用,單頁面需要掌握的知識要多,開發(fā)難度更大
四: 實現(xiàn)原理
文章版權(quán)歸作者所有,未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址:http://systransis.cn/yun/100072.html
摘要:本文最早為雙十一而作,原標(biāo)題雙大前端工程師讀書清單,以付費的形式發(fā)布在上。發(fā)布完本次預(yù)告后,捕捉到了一個友善的吐槽讀書清單也要收費。這本書便從的異步編程講起,幫助我們設(shè)計快速響應(yīng)的網(wǎng)絡(luò)應(yīng)用,而非簡單的頁面。 本文最早為雙十一而作,原標(biāo)題雙 11 大前端工程師讀書清單,以付費的形式發(fā)布在 GitChat 上。發(fā)布之后在讀者圈群聊中和讀者進行了深入的交流,現(xiàn)免費分享到這里,不足之處歡迎指教...
摘要:本文最早為雙十一而作,原標(biāo)題雙大前端工程師讀書清單,以付費的形式發(fā)布在上。發(fā)布完本次預(yù)告后,捕捉到了一個友善的吐槽讀書清單也要收費。這本書便從的異步編程講起,幫助我們設(shè)計快速響應(yīng)的網(wǎng)絡(luò)應(yīng)用,而非簡單的頁面。 本文最早為雙十一而作,原標(biāo)題雙 11 大前端工程師讀書清單,以付費的形式發(fā)布在 GitChat 上。發(fā)布之后在讀者圈群聊中和讀者進行了深入的交流,現(xiàn)免費分享到這里,不足之處歡迎指教...
摘要:本文最早為雙十一而作,原標(biāo)題雙大前端工程師讀書清單,以付費的形式發(fā)布在上。發(fā)布完本次預(yù)告后,捕捉到了一個友善的吐槽讀書清單也要收費。這本書便從的異步編程講起,幫助我們設(shè)計快速響應(yīng)的網(wǎng)絡(luò)應(yīng)用,而非簡單的頁面。 本文最早為雙十一而作,原標(biāo)題雙 11 大前端工程師讀書清單,以付費的形式發(fā)布在 GitChat 上。發(fā)布之后在讀者圈群聊中和讀者進行了深入的交流,現(xiàn)免費分享到這里,不足之處歡迎指教...
閱讀 2912·2021-11-25 09:43
閱讀 2338·2021-11-24 09:39
閱讀 2722·2021-09-23 11:51
閱讀 1415·2021-09-07 10:11
閱讀 1459·2019-08-27 10:52
閱讀 1946·2019-08-26 12:13
閱讀 3368·2019-08-26 11:57
閱讀 1405·2019-08-26 11:31