前端渲染与后端渲染

网页开发发展有三个阶段：后端渲染、前后端分离和单页面富应用。

1、后端渲染：

主要通过jsp/php技术实现。
在服务器渲染完毕，形成一个完整的页面再传到浏览器（前端）。
优点：
这种情况下渲染好的页面, 不需要单独加载任何的js和css, 可以直接交给浏览器展示, 这样也有利于SEO的优化。
缺点：
①整个页面的模块由后端人员来编写和维护的.
②前端开发人员如果要开发页面, 需要通过PHP和Java等语言来编写页面代码.
③通常情况下HTML代码和数据以及对应的逻辑会混在一起, 编写和维护都是非常糟糕的事情.

后端路由： 后端处理 url 和页面之间的映射关系。

2、前后端分离

后端只提供API来返回数据，不负责任何阶段的内容。 前端通过Ajax获取数据, 并且可以通过JavaScript将数据渲染到页面中。

这样做最大的优点就是前后端责任的清晰, 后端专注于数据上, 前端专注于交互和可视化上.
并且当移动端(iOS/Android)出现后, 后端不需要进行任何处理, 依然使用之前的一套API即可.

前端渲染： 浏览器中显示的页面中大部分内容都是由前端写的，js代码在浏览器执行，最终渲染出来。

3、SPA 单页面富应用

其实SPA最主要的特点就是在前后端分离的基础上加了一层前端路由，也就是前端来维护一套路由规则。
前端路由的核心：改变URL，但是页面不进行整体的刷新。