美文网首页
SPA 单页面应用

SPA 单页面应用

作者: 行走的蛋白质 | 来源:发表于2020-07-09 07:40 被阅读0次
  • single page application 单页面应用

定义

  • 就是只有一张 Web 页面的应用,是加载单个 HTML 页面并在用户与应用程序交互时动态更新该页面的 Web 应用程序

前后端分离的优点

  • 分工明确,前后端各司其职,后端专注业务逻辑和功能的实现,前端专注页面设计
  • 接口明确,并行开发,在后端接口没有实现好之前,前端完全可以自己通过 Node.jsExpresskoa 等的 Web 框架模拟接口,提供测试数据
  • 提高开发效率,一定程度上减少了前后端的沟通成本撕逼

SPA 的优点

  • 基本上前面所说的前后端分离的优点它都有,另外还有以下的一些优点
  • 页面之间的切换非常快
  • 一定程度上减少了后端服务器的压力(不用管页面逻辑和渲染)
  • 后端程序只需要提供 API,完全不用管客户端到底是 Web 界面还是手机等

SPA 的缺点

  • 首屏打开速度很慢,因为用户首次加载需要先下载SPA框架及应用程序的代码,然后再渲染页面。
  • 不利于SEO,因为 SPA 页面的内容是通过 Ajax 获取,而搜索引擎爬取工具并不会等待 Ajax 异步完成后再抓取页面内容,所以在 SPA 中是抓取不到页面通过 Ajax 获取到的内容;

相关文章

  • SPA、SEO、SSR

    1、SPA—单页面应用(single page application) SPA就是只有一张Web页面的应用。单页...

  • vue-router笔记摘录认识

    1.SPA单页面应用的理解 SPA(single-page application),翻译过来就是单页应用SPA是...

  • SPA

    认识SPA SPA(Single Page Application) 单页面应用程序 ​ 概念:...

  • 基于jQuery实现spa的三方框架

    1、使用jquery.pjax实现SPA单页面应用 2、基于jQuery/zepto的单页应用(SPA)搭建方案 ...

  • MPA vs SPA

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

  • 框架

    什么是单页面应用(SPA)? 单页面应用(SPA)是指用户在浏览器加载单一的HTML页面,后续请求都无需再离开此页...

  • react项目学习笔记-总结-感悟

    SPA(Single Page Application) 单页面应用,就是只有一张Web页面的应用。单页应用程序 ...

  • 【前端】单页应用(SPA)和多页应用(MPA)的区别

    一、简介 单页面应用:SinglePage Web Application,简称 SPA多页面应用:MultiPa...

  • 单页应用(SPA)和多页应用(MPA)的区别

    一、简介 单页面应用:SinglePage Web Application,简称 SPA多页面应用:MultiPa...

  • vue面试题整理

    什么是SPA应用,SPA页面和传统页面有什么区别? 单页面应用,仅在该Web页面初始化时加载相应的HTML、Jav...

网友评论

      本文标题:SPA 单页面应用

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