說說對SPA單頁應(yīng)用的理解敌蚜，SPA頁面相對于傳統(tǒng)頁面優(yōu)缺點

說說對SPA單頁應(yīng)用的理解吝羞，SPA頁面相對于傳統(tǒng)頁面優(yōu)缺點

概念：single-page application是一種特殊的Web應(yīng)用凉翻。它將所有的活動局限于一個Web頁面中了讨，僅在該Web頁面初始化時加載相應(yīng)的HTML、JavaScript、CSS前计。一旦頁面加載完成胞谭，SPA不會因為用戶的操作而進行頁面的重新加載或跳轉(zhuǎn)，而是利用JavaScript動態(tài)的變換HTML（采用的是div切換顯示和隱藏）男杈，從而實現(xiàn)UI與用戶的交互丈屹。
理解：簡單來說SPA的網(wǎng)頁只有一個頁面，而這個網(wǎng)頁的實際方式要能夠回應(yīng)使用者所使用的各種裝置并且賦值使用者在電腦上使用軟件的體驗伶棒，讓使用者可以更容易和有效的使用網(wǎng)站旺垒。按照正常情況下，我們會在一個頁面中鏈接到其他的很多個頁面苞冯，進行頁面的跳轉(zhuǎn)袖牙，但是如果使用單頁面應(yīng)用的話侧巨，我們始終在一個頁面中舅锄，通常使用a標(biāo)簽的描點來實現(xiàn)。
優(yōu)點：
1.用戶體驗好司忱、快皇忿，內(nèi)容的改變不需要重新加載整個頁面，避免了不必要的跳轉(zhuǎn)和重復(fù)渲染坦仍。
2.基于上面一點鳍烁，SPA相對對服務(wù)器壓力小。
缺點：
1.以SPA方式開發(fā)的網(wǎng)站不容易管理也不夠安全繁扎。
2.由于所有的內(nèi)容都在一個頁面中動態(tài)替換顯示幔荒，所以在SEO上其有著天然的弱勢，所以如果你的站點對SEO很看重梳玫，且要用單頁應(yīng)用爹梁，那么就做些靜態(tài)頁面給搜索引擎用吧。
3.初次加載頁面更耗時提澎。
4.因為沒有換頁姚垃，所以不能使用瀏覽器的前進、后退盼忌、地址欄等积糯，需要程序進行管理；
5.書簽谦纱，需要程序來提供支持看成；
6.初次加載耗時多。為實現(xiàn)單頁Web應(yīng)用功能及顯示效果跨嘉，需要在加載頁面的時候?qū)avaScript川慌、CSS統(tǒng)一加載，部分頁面可以在需要的時候加載。所以必須對JavaScript及CSS代碼進行合并壓縮處理窘游，如果使用第三方庫唠椭，建議使用一些大公司的CDN，因此帶寬的消耗是必然的忍饰。

最后編輯于：2019.07.01 16:08:07

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者