392 单页面应用程序概述

单页面应用程序

• SPA : Single Page Application
• MPA : Multiple Page Application 多页面应用程序

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

• 区别

1.对于传统的多页面应用程序来说, 每次请求服务器返回的都是一个完整的页面

2.对于单页应用程序来说,
  只有第一次会加载页面,
  以后的每次请求,
  仅仅是获取必要的数据，
  然后由页面中js解析获取的数据,
  展示在页面中

• 单页面优势 :
  1. 减少了请求体积，加快页面响应速度，降低了对服务器的压力
  2. 更好的用户体验，让用户在 web app 感受 native app 的流畅, (局部刷新)
• 单页面劣势 :
  1. 开发成本高 (需要学习路由)
  2. 不利于SEO
• 演示 : https://music.163.com/