单页面和多页面的网页差别比较(SPA)

  单页面应用(singlePAge Web Application) 多页面应用MultiPage Applicaton,MPA)
组成 一个外壳页面和多个页面片段组成 多个完整的页面组成
资源公用(css,js) 共用,只需在外壳部分加载 不共用,每个页面都需要重新加载
刷新方法 页面局部刷新或更改  整页刷新
url模式

a.com/#/pageone

a.com/pagetwo

a.com/pageone.html

a.com/pagetwo.html

用户体验 页面片段间切换快,用户体验良好 页面切换加载慢,流畅度不够,用户体验差
转场动画 容易实现 无法实现
数据传递 容易

依赖uri传参,或者cookie,

localStorage等

搜素引擎优化(seo)

需要单独方案,实现比较困难,不利于seo检索,可利用

服务器端渲染(SSR)优化

容易实现
适用范围 高要求的体验度,追求姐买你流畅的应用 适应于追求高支持搜索引擎的应用
开发成本 较高,常需要借助专业的框架 较低,但是亚眠重复代码多
维护成本 相对容易 相对复杂

你可能感兴趣的:(单页面和多页面的网页差别比较(SPA))