開場：在逆戰班學習中，了解到了spa和mpa，這裡就總結了一下他們的優缺點。
優點：
1.使用者體驗好，流暢。
2.因為是單頁面，所以對伺服器的壓力較小。
3.可以在頁面切換的時候增加一些炫酷的動畫效果。
4.**的可復用，且由於是元件化開發，有利於後期的維護。
缺點：
1.頁面複雜度變大，開發難度較大。
2.不利於seo
3.首次載入的時候用時較長。
優點：
1.首屏載入較快，只需要載入本頁面的html、css、js
2.有利於優化seo。
3.頁面複雜度不高，開發成本較低。
缺點：
1.**的後期維護難度較大。
2.頁面之間的跳轉受網路以及裝置等影響，耗時較長，出現空白等待的頁面，使用者體驗不高
3.**重複度大。
4.對伺服器的壓力較大
SPA與MPA之間的區別
vue中會使用官方提供的vue router外掛程式來使用單頁面，原理就是通過檢測位址列變化後將對應的路由元件進行切換 解除安裝和安裝 spa vs mpa 組成乙個外殼頁面和多個頁面片段組成 多個完整頁面構成 資源共享 css js 共用只需要在外殼部分載入 不共用，每個頁面都需要載入 重新整理方...
單頁面應用的優缺點（SPA）
單頁面應用 spa 通俗一點說就是指只有乙個主頁面的應用，瀏覽器一開始要載入所有必須的 html,js,css。所有的頁面內容都包含在這個所謂的主頁面中。但在寫的時候，還是會分開寫 頁面片段 然後在互動的時候由路由程式動態載入，單頁面的頁面跳轉，僅重新整理區域性資源。多應用於pc端。多頁面 mpa ...
多頁面應用MPA與單頁面應用SPA的區別
通俗一點說就是指只有乙個主頁面的應用，瀏覽器一開始要載入所有必須的 html,js,css。所有的頁面內容都包含在這個所謂的主頁面中。但在寫的時候，還是會分開寫 頁面片段 然後在互動的時候由路由程式動態載入，單頁面的頁面跳轉，僅重新整理區域性資源。多應用於pc端。多頁面 mpa 就是指乙個應用中有多...