网页开发历程

1、后端渲染阶段(JSP)

定义：Java server page，就是通过后端来处理URL和页面之间的映射关系。当页面中请求不同的路径内容时，交给服务器处理，服务器渲染好整个页面，并且将页面返回给客户端，这种情况下渲染好的页面不需要加载任何的css和js，可以直接交给浏览器展示，这样有利于SEO的优化。

过程：一个页面有自己对应的网址, 也就是URL；URL会发送到服务器, 服务器会通过正则对该URL进行匹配, 并且最后交给一个Controller进行处理；
；Controller进行各种处理, 最终生成HTML或者数据, 返回给前端；这就完成了一个IO操作。

缺点：所有代码需要后端人员编写，维护成本高；并且html内容和后端数据混在一起，代码混乱。

2、前后端分离阶段

定义：随着Ajax的出现, 有了前后端分离的开发模式。后端只提供API来返回数据, 前端通过Ajax获取数据, 并且可以通过JavaScript将数据渲染到页面中.
这样做最大的优点就是前后端责任的清晰, 后端专注于数据上, 前端专注于交互和可视化上，并且当移动端(iOS/Android)出现后, 后端不需要进行任何处理, 依然使用之前的一套API即可。

过程：页面发送URL给服务器，服务器提供数据，前端的ajax用于接收数据，由浏览器执行渲染页面。

缺点：每一个URL有自己的一套css html js，每一次请求URL都会请求一遍，导致有很多可复用的代码会被重复请求。

3、SPA阶段

定义：单页面富应用，在前后端分离的基础之上加了前端路由，前端路由的作用是管理URL与对应的组件。

过程：当向服务器发送URL时，服务器会返回一整套的静态资源(包括css html js)给静态资源服务器，每一次URL的改变是从静态资源服务器请求的数据，和后端无关了。因此，SPA实现的是，改变URL但不刷新整个页面，只刷新对应的组件而已。

优点：减轻服务器压力，避免重复加载静态资源。完全实现了前后端的分离。