今天接到一個電話面試，小哥哥問單頁面和多頁面的優(yōu)缺點，傻傻的我事后才反應(yīng)過來不僅沒回答好還把單頁面和多頁面的概念搞反了，查了一些資料在此做一些總結(jié):
單頁面應(yīng)用（SPA），通俗一點說就是指只有一個主頁面的應(yīng)用，瀏覽器一開始要加載所有必須的 html, js, css。所有的頁面內(nèi)容都包含在這個所謂的主頁面中。但在寫的時候，還是會分開寫（頁面片段），然后在交互的時候由路由程序動態(tài)載入，單頁面的頁面跳轉(zhuǎn)，僅刷新局部資源。多應(yīng)用于pc端。
多頁面（MPA），就是指一個應(yīng)用中有多個頁面，頁面跳轉(zhuǎn)時是整頁刷新
單頁面的優(yōu)點：
1，用戶體驗好，快，內(nèi)容的改變不需要重新加載整個頁面，基于這一點spa對服務(wù)器壓力較小
2，前后端分離
3，頁面效果會比較炫酷（比如切換頁面內(nèi)容時的專場動畫）
單頁面缺點：
1，不利于seo
2，導航不可用，如果一定要導航需要自行實現(xiàn)前進、后退。（由于是單頁面不能用瀏覽器的前進后退功能，所以需要自己建立堆棧管理）
3，初次加載時耗時多
4，頁面復(fù)雜度提高很多
image
