單頁面和多頁面的區別

 

	單頁面應用	多頁面應用
組成	一個外殼頁面和多個頁面片斷	多個完整頁面
資源共用	共用，只需在外殼部分加載	不共用，每一個頁面都須要加載
刷新方式	頁面局部刷新或更改	整頁刷新
url模式	a.con/#/page	a.com/page.html
用戶體驗	頁面片斷間的切換快，用戶體驗良好	頁面切換加載緩慢，流暢度不夠，用戶體驗較差
轉場動畫	容易實現	沒法實現
數據傳遞	容易	依賴url傳參，或者cookie、localStorage等
搜索引擎優化	須要單獨方案，實現較爲困難，不利於SEO檢索，能夠利用服務器端渲染（SSR）優化	實現方法容易
使用範圍	高要求的體驗度，追求界面流暢的應用	適用於追求高度支持搜索引擎的應用
開發成本	較高，常需藉助專業框架	較低，但頁面重複代碼多
維護成本	代碼複用率大，維護相對容易	相對複雜