單頁面應用（SPA），通俗一點說就是指只有一個主頁面的應用，瀏覽器一開始要加載所有必須的 html, js, css。所有的頁面內容都包含在這個所謂的主頁面中。但在寫的時候，還是會分開寫（頁面片段），然后在交互的時候由路由程序動態載入，單頁面的頁面跳轉，僅刷新局部資源。多應用於pc端。
多頁面（MPA），就是指一個應用中有多個頁面，頁面跳轉時是整頁刷新
單頁面的優點：
1，用戶體驗好，快，內容的改變不需要重新加載整個頁面，基於這一點spa對服務器壓力較小
2，前后端分離
3，頁面效果會比較炫酷（比如切換頁面內容時的專場動畫）
單頁面缺點：
1，不利於seo
2，導航不可用，如果一定要導航需要自行實現前進、后退。（由於是單頁面不能用瀏覽器的前進后退功能，所以需要自己建立堆棧管理）
3，初次加載時耗時多
4，頁面復雜度提高很多
下圖是別人家博主的總結的一張圖，感覺很實用：
感覺總結的還是太淺顯，和網上大部分的總結並沒有什么區別，還是理解的不夠深入，歡迎各路大神點撥