SPA 单页面应用

• single page application 单页面应用

定义

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

前后端分离的优点

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

SPA 的优点

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

SPA 的缺点

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