單頁面與多頁面的優缺點

單頁面應用（SPA），通俗一點說就是指只有一個主頁面的應用，瀏覽器一開始要加載全部必須的 html, js, css。全部的頁面內容都包含在這個所謂的主頁面中。但在寫的時候，仍是會分開寫（頁面片斷），而後在交互的時候由路由程序動態載入，單頁面的頁面跳轉，僅刷新局部資源。多應用於pc端。

多頁面（MPA），就是指一個應用中有多個頁面，頁面跳轉時是整頁刷新

單頁面的優勢：

1，用戶體驗好，快，內容的改變不須要從新加載整個頁面，基於這一點spa對服務器壓力較小

2，先後端分離

3，頁面效果會比較炫酷（好比切換頁面內容時的專場動畫）

單頁面缺點：

1，不利於seo

2，導航不可用，若是必定要導航須要自行實現前進、後退。（因爲是單頁面不能用瀏覽器的前進後退功能，因此須要本身創建堆棧管理）

3，初次加載時耗時多

4，頁面複雜度提升不少

下圖是別人家博主的總結的一張圖，感受很實用：

感受總結的仍是太淺顯，和網上大部分的總結並無什麼區別，仍是理解的不夠深刻，歡迎各路大神點撥