單頁面:SPA,隻有一個首頁面,浏覽器一開始就加載所有的html、css、js。在互動時用路由動态載入,頁面切換隻重新整理局部内容,不進行跳轉。
多頁面:MPA,一個應用中有多個頁面,頁面跳轉時是整頁重新整理。
單頁面的優點:
使用者體驗好
前後端分離
頁面效果比較炫酷(比如切換頁面内容時的專場動畫)
單頁面的缺點:
不利于SEO
導航不可用,如果一定要使用導航需要自己實作前進、後退
初次加載耗時多
頁面複雜度提高

單頁面:SPA,隻有一個首頁面,浏覽器一開始就加載所有的html、css、js。在互動時用路由動态載入,頁面切換隻重新整理局部内容,不進行跳轉。
多頁面:MPA,一個應用中有多個頁面,頁面跳轉時是整頁重新整理。
單頁面的優點:
使用者體驗好
前後端分離
頁面效果比較炫酷(比如切換頁面内容時的專場動畫)
單頁面的缺點:
不利于SEO
導航不可用,如果一定要使用導航需要自己實作前進、後退
初次加載耗時多
頁面複雜度提高