美文网首页
MPA vs SPA

MPA vs SPA

作者: 灯火葳蕤234 | 来源:发表于2019-10-05 20:24 被阅读0次

MPA(Multiple Page App): 多页面应用
SPA(Single Page App): 单页面应用

概述

多页面应用每当 url 发生变化的时候,都会返回一个新的 html,而单页面应用正好相反,url 发生变化时,服务器端返回的 html 不会发生变化。

各有何优缺点?

多页面应用因为它不同的 url 返回不同的 html,就更加便于搜索引擎爬虫的爬取,更加有利于网站去做 SEO,而单页面应用,因为每一个 url 返回的 html 都是相同的,所以,它对于 SEO 来说并不友好。但是,但页面应用当 url 发生变化的时候公用的页面组件并不会重新去渲染,所以它不会像多页面应用在切换的时候有一个从白屏再到页面显示的这样一个过程。所以从用户体验上来说,单页面应用会更加好一些。同时,因为不同的 url 进行切换的时候,公用的组件不会被重新加载,所以一般来说,单页面应用在性能上相对于多页面应用也更加有优势一些。
多页面应用和单页面应用背后涉及的路由机制是不同的,多页面应用更多地是依赖服务器端路由的功能,用户请求不同的 url 服务器会返回不同的 html,所以,这个路由的功能实际上是服务器去实现的。而单页面应用它的路由机制依赖的是客户端路由,它实际上是在浏览器端 JS 根据 url 的不同来决定我应该渲染哪一部分组件。即它的路由实际上是浏览器去做的(客户端路由)。

相关文章

  • MPA vs SPA

    MPA(Multiple Page App): 多页面应用SPA(Single Page App): 单页面应用 ...

  • SPA vs MPA

    单页应用程序(SPA)越来越受欢迎。Facebook,YouTube,Twitter,GitHub和许多Googl...

  • MPA(多页应用)、SPA(单页应用)

    一、MPA、SPA两者定义 MPA MPA(mutiple-page application),翻译过来就是多页面...

  • 单页面多页面区别

    多页面模式(MPA Multi-page Application): 单页面模式(SPA Single-pag...

  • React入门(五)

    SPA和MPA SPA(Single-page Application)只有一个页面,所有需要展示的内容都在这一个...

  • 设计模式演变过程

    基本设计模式之MVC模式 基本设计模式之MVP模式 基本设计模式之MVVM模式 SPA和MPA SPA:单页面应用...

  • 微前端技术

    一.微前端概念 前端微服务 二.常用前端架构 MPA(体验不好)SPA(体验号,但是体量大) 三.微前端架构 技术...

  • ABP MPA

    环境说明 VS2017 SqlServer2014 ABP MPA 基础配置 官方模板: 下载模板 还原Nuget...

  • 总结

    1.SPA:单页面应用MPA:多页面应用 2.Vue:凡是有install的都需要use用axios时,之所以不需...

  • webpack学习六(多页面通用打包方案)

    MPA 多页应用,我们之前的学习都是针对SPA单页应用 修改/src/index.js为 在src目录下新增lis...

网友评论

      本文标题:MPA vs SPA

      本文链接:https://www.haomeiwen.com/subject/ljwauctx.html