什么是后端渲染？什么又是前端渲染呢？后端渲染和前端渲染又有什么区别呢？

最近在学习Vue的时候接触到了这个话题，我觉得还挺有意思的，所以写下来，记下来。

一、什么是后端渲染？

我们都知道现在的网页都由html+css+js组成，但是在比较早的时候是没有js(JavaScript)的。所以那时候网页开发一般都是用html+css+jsp(java server page)/php来开发。我自学前端写的第一个算是有网络交互功能的东西(留言板)用的就是html+css+php来完成的（php代码的作用是从数据库中读取数据，并且把它动态的放在要渲染的页面上）。以我写的留言板为例，当我们从浏览器输入一个url的时候，浏览器会将我们输入的url发送到服务器上。当服务器拿到这个url的时候，服务器会进行解析然后在后台生成一个包含html+css+js+php的网页。这时候服务器端就已经生成一个最终的网页了，网页渲染好之后，就会把渲染好的网页直接传给浏览器(html+css+数据)，这就是最终的网页了，这就是后端渲染。所以后端渲染简单的说就是，网页在服务器渲染完成，再返回给浏览器，网页是在服务器端进行渲染，而不是在浏览器端进行渲染。
我写的留言板用的是前后端分离，当然，我们也可以只用html+css+php来完成，也就是我们的后端渲染
早期的网页整个html都是服务器来渲染，服务器直接生产渲染好对应的html页面，返回给客户端进行展示

二、那么什么又是前端渲染呢？

在明白我们所说的后端渲染之后，其实大家很容易就能想到前端渲染是什么样的。在经历过比较早的阶段之后，随着Ajax的出现，就有了我们的前后端分离的阶段。这时候后端只提供API来返回数据，前端通过Ajax获取数据，并且可以通过JavaScript将数据渲染到页面中。举个例子，当我们从浏览器输入一个url的时候，浏览器会将我们输入的url发送到服务器上，然后再从服务器返回html+css+js(js代码由浏览器执行)。然后我们的客户端，也就是我们的浏览器再通过Ajax请求（API），然后服务器接收请求返回数据，浏览器接收到数据后再进行动态渲染，局部刷新页面，这就是我们的前端渲染。
我写的留言板用的是前后端分离，通过Ajax来动态获取数据进行渲染

三、后端渲染和前端渲染又有什么区别呢？

看到这里，想必大家都能明白了后端渲染和前端渲染的区别。在比较早的时候，后端程序员好像是比较辛苦的，又要写数据处理，又得写网页，而那时候的前端被戏称为“切图仔”，在当时开发分工是比较混乱的，维护起来也麻烦。来到了前后端分离阶段后，前后端责任分工开始清晰了起来，后端专注于数据上，前端专注于页面交互和页面的可视化。并且当移动端(ios系统，android系统)出现后，后端不需要进行任何处理，依然使用之前定的一套API就可以。

总结

随着技术的发展，网页开发也朝着越来越好，越来越精的方向走去。后端渲染和前端渲染的区别主要就是渲染的方式不同。（以上仅代表个人意见，新人一枚，如有错误，多多指正！如果觉得我写的还可以请大家多多点赞哦）