网站的背后What's behind the website?

网站的全貌

SPA vs. MPA

多页面应用 MPA(Multi Page Application)

应用（网站）是由多个 HTML 页面组成的。

单页面应用 SPA(Single Page Application)

应用（网站）由单个 HTML 页面组成的，新的页面是通过局部更新该 HTML 页面产生的。

(如果你像在 90 年代那样写过服务器端 Render 的纯 Web 页面那么应该知道，服务器端所要做的就是根据数据 Render 出 HTML 送到浏览器端。如果这时因为用户的一个点击需要改变某个状态文字，那么也是通过刷新整个页面来完成的。服务器端并不需要知道是哪一小段 HTML 发生了变化，而只需要根据数据刷新整个页面。换句话说，任何 UI 的变化都是通过整体刷新来完成的。而 React 将这种开发模式以高性能的方式带到了前端，每做一点界面的更新，你都可以认为刷新了整个页面。至于如何进行局部更新以保证性能，则是 React 框架要完成的事情。)

Demo

MPA:

SPA: