單頁面與多頁面的區別
-
單頁面應用（SPA）：只有一個html頁面，瀏覽器一開始要加載所有必須的html，js，css。所有的頁面內容都包含在這個主頁面中。跳轉方式通過組件切換完成，僅刷新局部資源。
-
多頁面應用（MPA）：是多個html頁面，跳轉方式是整個html之間跳轉，整個頁面進行刷新。
優點
- 用戶體驗好，快，內容的改變不需要重新加載整個頁面，基於這一點SPA對服務器壓力較小；
- 組件化開發，組價可以複用，易維護；
- 前後端分離，前端只負責界面顯示，後端負責數據存儲和計算；
- 頁面效果較炫酷。
缺點
- 不支持低版本的瀏覽器，最低IE9;
- 首屏加載耗時長，加載整個項目的css/js，不利於SEO優化；
- 不可以使用導航欄的按鈕自行實現前進、後退；
- 頁面複雜度提高很多。