單頁面與多頁面間的區別及優缺點

單頁面應用（spa），通俗一點說就是指只有乙個主頁面的應用，瀏覽器一開始要載入所有必須的 html, js, css。所有的頁面內容都包含在這個所謂的主頁面中。但在寫的時候，還是會分開寫（頁面片段），然後在互動的時候由路由程式動態載入，單頁面的頁面跳轉，僅重新整理區域性資源。多應用於pc端。

多頁面（mpa），就是指乙個應用中有多個頁面，頁面跳轉時是整頁重新整理

單頁面的優點：

2，前後端分離

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

單頁面缺點：

1，不利於seo

2，導航不可用，如果一定要導航需要自行實現前進、後退。（由於是單頁面不能用瀏覽器的前進後退功能，所以需要自己建立堆疊管理）

3，初次載入時耗時多

4，頁面複雜度提高很多

查詢資料過程中感覺掘金上乙個博主總結的很好，拿到這裡借鑑下：

感覺總結的還是太淺顯，和網上大部分的總結並沒有什麼區別，還是理解的不夠深入，歡迎各路大神點撥

單頁面應用（spa），通俗一點說就是指只有乙個主頁面的應用，瀏覽器一開始要載入所有必須的 html, js, css。所有的頁面內容都包含在這個所謂的主頁面中。但在寫的時候，還是會分開寫（頁面片段），然後在互動的時候由路由程式動態載入，單頁面的頁面跳轉，僅重新整理區域性資源。多應用於pc端。

多頁面（mpa），就是指乙個應用中有多個頁面，頁面跳轉時是整頁重新整理

單頁面的優點：

2，前後端分離

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

單頁面缺點：

1，不利於seo

2，導航不可用，如果一定要導航需要自行實現前進、後退。（由於是單頁面不能用瀏覽器的前進後退功能，所以需要自己建立堆疊管理）

3，初次載入時耗時多

4，頁面複雜度提高很多

查詢資料過程中感覺掘金上乙個博主總結的很好，拿到這裡借鑑下：

感覺總結的還是太淺顯，和網上大部分的總結並沒有什麼區別，還是理解的不夠深入，歡迎各路大神點撥

單頁面與多頁面間的區別及優缺點

單頁面應用 spa 通俗一點說就是指只有乙個主頁面的應用，瀏覽器一開始要載入所有必須的 html,js,css。所有的頁面內容都包含在這個所謂的主頁面中。但在寫的時候，還是會分開寫 頁面片段 然後在互動的時候由路由程式動態載入，單頁面的頁面跳轉，僅重新整理區域性資源。多應用於pc端。多頁面 mpa ...

單頁面與多頁面的區別及其優缺點

單頁面應用 spa 它是指只有乙個主頁面的應用，瀏覽器y一開始載入所有的html js 以及css，這些所用頁面的內容都包含在這個主頁面中，但是在手寫中，他們還是分開來書寫的，在互動的時候，由路由程式動態載入，單頁面的頁面跳轉，是整頁重新整理的。組成 是由乙個外殼和多個頁面片段組成 單頁面的優點 2...

單頁面應用的優缺點

單頁面應用 spa 只有一張web頁面的應用，是一種web伺服器載入的富客戶端，單頁面應用僅重新整理區域性資源，公共資源 js css 等僅需載入一次。常用語 的pc端的官網或者是網上購物平台等。多頁面應用 1 使用者體驗好，快，內容的改變不需要載入整個頁面，從而對於伺服器的壓力較小。2 前端與後端...