码迷,mamicode.com
首页 > Web开发 > 详细

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

时间:2020-03-10 15:44:04      阅读:116      评论:0      收藏:0      [点我收藏+]

标签:索引   检索   ica   cookie   模式   cal   适应   搜索   方法   

  单页面应用(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)

标签:索引   检索   ica   cookie   模式   cal   适应   搜索   方法   

原文地址:https://www.cnblogs.com/anne-jia/p/12455885.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!