单页 (SPA) vs 多页 (MPA)

最新推荐文章于 2024-05-17 13:52:13 发布
最新推荐文章于 2024-05-17 13:52:13 发布
阅读量42 收藏
点赞数
分类专栏： VUE JS基础语法 文章标签： javascript 前端 开发语言
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_38361229/article/details/129441703
版权

单页: 1个 html -> 页面跳转是通过 js 操作路由 -> 通过 js 改变页面（更换页面的DOM节点等来达到视图改变）
多页: 多个 html -> 页面跳转是直接请求后端拿到一个新的 html（新页）

怎么分别是单页还是多页？
方法1: 看 Network ，服务端返回的response
方法2: 看 loading
如下图红色框所示的loading
在这里插入图片描述

方法3: 设置背景色

tyy扬
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
单页面和多页面开发及应用
10-13
-什么是多页面：每一次页面跳转的时候，后台服务器都会给返回一个新的html文档，这种类型的网站也就是多页网站，也叫做多页应用 - 跳转需要刷新所有资源，用于app 或 客户端 - 页眉 -> 第一页 -> 脚本，页眉 -> 第二...
单页面SPA和多页面MPA应用的区别
祥哥的说
03-08 428
单页面应用SPA 多页面应用MPA
单页面应用 SPA 和多页面应用 MPA
weixin_41040445的博客
08-19 107
SPA 单页面应用 优点: 不需要频繁向服务器请求页面 缺点: 没有大量页面，数据没有单独的页面，都是ajax请求过来的，该页面不容易被百度搜索(seo) MPA 多页面应用 优点:便于百度搜索 缺点:请求量大 MPA 多页面应用 一个链接对应一个页面 无论是单页面应用还是多页面应用，不能直接说谁的优势更好，而是要根据业务来决定谁好。 ...
单页应用SPA、多页应用MPA
lulu_678的博客
07-17 232
SPA单页应用 第一次进入页面的时候会请求一个html文件，刷新清除一下。切换到其他组件，此时路径也相应变化，但是并没有新的html文件请求，页面内容也变化了。 原理是：JS会感知到url的变化，通过这一点，可以用js动态的将当前页面的内容清除掉，然后将下一个页面的内容挂载到当前页面上，这个时候的路由不是后端来做了，而是前端来做，判断页面到底是显示哪个组件，清除不需要的，显示需要的组件。这种过程就...
SPA单页面与MPA多页面
王小涵的笔记的博客
10-24 216
单页面应用与多页面应用的区别。
单页应用（SPA）与多页应用（MPA）
南乔几经秋、的博客
07-27 106
详说SPA（单页应用）和MPA（多页应用）
qq_30136729的博客
02-15 4053
一. 什么是SPA？ SPA(single-page application)，翻译过来就是单页应用。 SPA是一种特殊的web应用。将所有的活动局限于一个Web页面中，仅在该Web页面初始化时加载相应的HTML、JavaScript和CSS。 一旦页面加载完成，SPA不会因为用户的操作而进行页面的重新加载或跳转。取而代之的是利用JavaScript动态的变换HTML的内容， 从而实现UI与用户的交互。 二.SPA的优缺点？ 优点： 具有良好的交互体验 因为是局部渲染，每个部分是单独的模块，避免了不必要的
单页面 VS 多页面
朝阳39的博客
10-13 202
单页面应用（SinglePage Web Application，SPA） 只有一张Web页面的应用，是一种从Web服务器加载的富客户端，单页面跳转仅刷新局部资源 ，公共资源(js、css等)仅需加载一次，常用于PC端官网、购物等网站 如图: 多页面应用（MultiPage Application，MPA） 多页面跳转刷新所有资源，每个公共资源(js、css等)需选择...
前端单页面（SPA）和多页面（MPA）
weixin_57519185的博客
11-17 1562
了解单页面和多页面应用程序 1，单页面和多页面 SPA：( Single Page Application ) 单页面应用程序，例如：后台管理系统，整个应用中只有一个页面（index.html） MPA : ( Multiple Page Application )多页面应用程序，例如：门户网站，整个应用中有很多个页面（*.html） 单页面优点： 1. 加快页面响应速度，降低了对服务器的压力 传统的多页面应用程序，每次请求服务器返回的都是一整个完整的页面 ...
单页应用和多页应用的区别
越努力，越幸运！
09-28 4369
一、定义区分 【1.1】单页应用 单页应用又称 SPA（Single Page Application）指的是使用单个 HTML 完成多个页面切换和功能的应用。这些应用只有一个 html 文件作为入口，一开始只需加载一次 js,css 等相关资源。使用 js 完成页面的布局和渲染。页面展示和功能室根据路由完成的。单页应用跳转，就是切换相关组件，仅刷新局部资源。 【1.2】多页应用 多页应用又称 MPA（Multi Page Application）指有多个独立的页面的应用，每个页面必须重复加载 js
webpack5-MPA:基于webpack5的多页应用脚手架，可用于高效模板化输出静态网站等
05-27
Web项目包括MPA(多页应用)、SPA(单页应用)等开发模式。采用React、Vue等框架开发的项目一般是SPA开发模式，当然也存在大量的项目还是以MPA的模式存在，比如公司官网等未采用前端路由模式的一些项目。该项目以Webpack...
Vue-cli3多页面配置详解
11-21
多页面应用(mpa)与单页面应用(spa)优缺点 在项目中我们用到的大多数都是单页面应用(spa)，对于多页面可能用到的比较少一些，具体还是要根据具体的业务情况，去觉得自己的技术选型。具体应该如何应用可以酌情考虑。 ...
详解vue-cli3多页应用改造
12-11
需求 一个平台P，包含产品a、b、c、d、e。各产品UI样式风格统一，且会用到公共配置（HOST、是否添加埋点js）、组件...目标：整合各产品单页应用为MPA，提取公共文件（主题、配置、组件、方法），减少规范性东西的维护成
start_tpl:快速启动项目模板，如spa，mpa，lib
05-04
tpl 快速初始化你的项目模版可以快速初始化你的项目模版,目前支持单页,和js库两种模版,后续会增加多页模版的支持安装npm install a06-tpl -g执行// 以xxx为项目名称初始化单页模版,也可以不输出项目名$ a06-tpl spa ...
ant design DatePicker日期选择框指定分钟的间隔minuteStep属性
最新发布
u010234868的专栏
05-17 195
在上面的例子中，DatePicker 将只允许用户以 15 分钟为间隔选择分钟。是 Ant Design 的 TimePicker时间选择框组件的一个属性。设置为 30，则用户可以选择以 30 分钟为间隔的分钟值。如果你想让分钟选项只能以 15 分钟为间隔选择，你可以将。
(Vue3+TS+Volar) 全局组件配置类型声明的最佳实践
从今年开始写写博客~~
05-14 231
简评：Volar官方全局组件的推荐写法，基于Volar，必须安装该插件，GlobalComponents是Volar专门为了解决全局组件类型而新增的类型接口。定义全局组件：使用GlobalComponents类型接口声明类型。
Vue.js的发展史（一）
2301_79683791的博客
05-15 755
Vue (发音为 /vjuː/，类似view) 是一款用于构建用户界面的 JavaScript 框架。它基于标准 HTML、CSS 和 JavaScript 构建，并提供了一套声明式的、组件化的编程模型，帮助你高效地开发用户界面。无论是简单还是复杂的界面，Vue 都可以胜任。来源官方解释-----简介 | Vue.js (vuejs.org)简单来说：Vue是一个属于JS的库，可直接引入一个JS文件就可以使用，与传统JS和JQuery框架不同，Vue的渐进式框架。
setImmediate不能在浏览器中执行
Keep trying, keep going
05-14 163
的延迟时间设置为 0，但实际的延迟可能会因浏览器的最小延迟时间限制而稍有不同。函数实现类似的效果。函数不是浏览器的标准 API，而。
vue单页面和普通多页面区别
04-22
Vue单页面应用（SPA）和普通多页面应用（MPA）之间的主要区别在于其页面渲染方式。SPA通过在一个页面内加载动态内容来呈现应用程序。相反，MPA每次加载新页面时会按照传统的方式进行完全的页面刷新。 在SPA中，首次...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值