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

2022-02-14 19:07:31 字數 1113 閱讀 4079

單頁面應用(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 前端與後端...