單頁面和多頁面的區別

2021-10-24 22:28:03 字數 470 閱讀 5858

單頁面和多頁面應用有什麼區別?

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

多頁面應用(mpa),就是指乙個應用中有多個頁面,頁面跳轉時是整頁重新整理。

優點:1.使用者體驗好,速度快,頁面內容改變時,不需要整頁面重新整理。

2.前後端分離

3.頁面效果比較炫酷(如:切換頁面內容時的專場動畫)

單頁面缺點:

1.不利於seo

2.導航不可用,如果一定要實現導航,需要自己實現前進後退(由於是單頁面應用功能,不能使用瀏覽器的前進後退功能,所以需要自己建立堆疊管理)

3.初始載入時耗時長

4.提高了頁面的複雜度

以上總結,**不完善的,歡迎各路大神補充

單頁面與多頁面的區別

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

單頁面多頁面區別

單頁面與多頁面的區別 單頁面多頁面 組成 有乙個主要頁面和其他片段頁面組成 由多個完整頁面組成 css js公用載入 每個頁面都分開載入 url模式 a.com pageone a.com pagetwo url模式 a.com pageone.html a.com pagetwo.html 重新整...

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

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