前端渲染HTML与后端渲染HTML的区别？

一、写在前面

昨天百度三面，面试官问了这个问题，我也只是回答了大概，今天特地总结一下。

二、总结

2.1、两种渲染方式

后端渲染

互联网早期，用户使用浏览器浏览的都是一些没有复杂逻辑的、简单的页面，服务器
进程从数据库获取数据后，后端的程序在把HTML页面吐给前端之前，先把HTML页面
上的特定区域、特定符号，先用数据填充，将数据加载进来生成HTML，然后通过网络
传输到用户的浏览器中解析成可见的页面。

前端渲染

随着前端页面的复杂性提高，前端就不仅仅是普通的页面展示了，而可能添加了更多
功能性的组件，复杂性更大，另外，彼时ajax的兴起，使得业界就开始推崇前后端分
离的开发模式，即后端不提供完整的HTML页面，而是提供一些API使得前端可以获取
到JSON数据，然后前端拿到JSON数据之后再在前端进行HTML页面的拼接，然后展示
在浏览器上，这就是所谓的前端渲染。

这样前端就可以专注UI的开发，后端专注于逻辑的开发。代表是现在流行的SPA单页面应用，例如Vue、React框架，只需要后端给我们提供接口API，前端UI、交互等全在前端进行，前后端只需要约定接口。

2.2、前端渲染和后端渲染的路线

前端渲染的路线

1、请求一个html
2<