浅谈前端渲染后端渲染和前端路由后端路由(纯理论)

大体分为三个阶段

后端渲染（SSR）后端路由阶段

早期的网站开发整个HTML页面是由服务器来渲染的，服务器直接生产渲染好对应的HTML页面，返回给客户端进行展示。通常是PHP或JSP（Java server page）这里以JSP为例，服务器经过解析存放在服务器端的模板文件来完成，在这种情况下，浏览器只进行了HTML的解析，java代码作用是从数据库中读取数据，并且将它动态的放在页面中（html+css+Java代码）

一个网页有自己对应的网址（URL），URL会发送给服务器，服务器会通过正则对该URL进行匹配，并且最后交给一个控制器（Controller）进行处理，控制器进行处理后，最终生成HTML或者数据，后端处理URL和页面之间的映射关系，返回给前端（客户端），完成了一个IO操作。
当我们页面中需要请求不同的路径的内容时，交给服务器来进行处理，服务器渲染好整个页面，并且将页面返回给客户端，这种情况下渲染好的页面，不需要加载任何的js和css，可以直接交给浏览器展示，这样也有利于SEO的优化
SEO
搜索引擎优化（Search Engine Optimization），它是指通过站内优化，如：网站结构调整、网站内容建设、网站代码优化以及站外优化等方法，来进行搜索引擎优化。
简单来说就是通过各种技术（手段）来确保，你的Web内容被搜素引擎最大化收录，最大化提高权重，带来更多流量。

前后端分离阶段

随着前端Ajax的出现，有了前后端分离的开发模式，后端只提供API来返回数据，前端通过Ajax获取数据，并且可以通过js将渲染到页面中，这样最大的优点就是前后端责任的清晰，后端专注于数据上，前端专注于交互和可视化上，并且当移动端（IOS/Android）出现后，后端不需要进行任何处理，依然使用之前的一套API即可
前端渲染
浏览器中显示的网页中的大部分内容，都是由前端写的js代码在浏览器中执行，最终渲染出来的页面

前端路由阶段(SPA单页面应用)

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