單頁面開發:
組成:由一個外殼頁面和多個頁面片段組成
url模式:a.com/#/pageonea.com/#/pagetwo
應用:單頁面開發常用于webapp開發和后臺管理系統等。
優點:1用戶體驗好,流暢。
2因為單頁面,所以對服務器的壓力較小。
3可以在頁面切換的時候加一些酷炫的動畫效果。
4代碼的復用度大。有利于后期的維護。
缺點:1頁面復雜度變大,開發難度較大,開發成本較高,需要借助專業的框架。
2不利于SEO
3初次加載的時候用時較長。
4導航不可用,如果一定要導航需要自行實現前進、后退。(由于是單頁面不能用瀏覽器的前進后退功能,所以需要自己建立堆棧管理)
多頁面開發:
組成:由多個完整頁面構成
url模式:a.com/pageone.htmla.com/pagetwo.html
應用:多頁面開發常用于PC端的網站等。
優點:1有利于SEO。
2開發成本較低。
缺點:1網站的后期維護難度較大。
2頁面之間的跳轉用時較長,用戶體驗較差。
3代碼重復度大。