vue单页应用和和多页应用的区别
2024-09-07 02:50:46
个人见解如下:
单页面应用(SinglePage Web Application )简称:SPA
多页面应用 (MultiPage Application) 简称:MPA
组成一个外壳和多个页面片段组成多个完整页面,构成资源共用(css,js),只需在外壳部分加载不共用,每个页面都需要加载
区别:
刷新方式
SPA: 页面局部刷新或更改
MPA: 整页刷新
url模式
SPA: a.com/#/pageone a.com/#/pagetwo
MPA: a.com/pageone.html a.com/pagetwo/html
用户体验:
SPA: 页面片段间时间的切换快,用户体验良好
MPA:页面切换加载缓慢,流畅度不够,用户体验比较差
转场动画:
SPA: 容易实现转场动画
MPA:无法实现专场动画
数据传递:
SPA: 容易实现数据传递,方法有很多(通过路由带参数传值,Vuex传值等等)
MPA: 依赖url传参,cookie , 本地存储等
搜索引擎优化(SEO)
SPA: 需要单独方案,实现较为困难,不利于SEO检索,可利用服务器端渲染(SSR)优化
MPA:实现方法容易
使用范围:
SPA:高要求的体验度、追求界面流畅的应用
MPA:适用于追求高度支持搜索引擎的应用
开发成本:
SPA: 较高,长需要借助专业的框架
MPA:较低,但也页面代码重复的多
维护成本:
SPA:相对容易
MPA: 相对复杂
最新文章
- TODO:字节的那点事Go篇
- C#设计模式-建造者模式
- [VB.NET]调用API获取/设置键盘按键状态
- Rdlc报表 数据汇总分组展示
- web.config 配置
- Facebook开源动画库 POP-POPDecayAnimation运用
- SQL Server 跨数据库查询
- 利用BMFont和NGUI制作字体集
- matlab中fopen 和 fprintf函数总结
- 20135316王剑桥 linux第二周课实验笔记
- 6. Configure Compute services
- 微信支付(0923更新)商户支付密钥key的生成与设置
- asp.net渐变
- Mac 开发者的十八般兵器:重温 10 篇热文
- javascript 获取图片原始尺寸
- 【Noip2017游记】
- spring boot新建项目问题总结
- Struts 2 之校验器
- JAVA入门教程 - idea 新建maven spring MVC项目
- 大数据环境完全分布式搭建linux(centos)中安装zookeeper
热门文章
- VirtualBox 版本 6.1.2 r135662, ubuntu18 配置共享文件夹、openssh-server
- 关于Spring的常见面试题
- 粒子群优化算法(PSO)之基于离散化的特征选择(FS)(四)
- Springboot 事务注解--- @Transactional
- coding++:Arrays.asList() - java.lang.UnsupportedOperationException异常处理
- sql mysql数据库导库 panda pymysql
- shell大全
- LeetCode(一) jump game
- python ——钟表
- 《深入理解 Java 虚拟机》读书笔记:线程安全与锁优化