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

卖菜的小白

已于 2022-04-11 12:56:21 修改

阅读量2.7k

点赞数 2

分类专栏： js面试题文章标签：前端渲染后端渲染

于 2022-04-11 12:34:26 首次发布

本文链接：https://blog.csdn.net/weixin_47450807/article/details/124095268

版权

本文总结了前端渲染和后端渲染的主要区别，包括渲染方式、工作流程以及各自的优缺点。后端渲染通常涉及完整的HTML页面生成，而前端渲染在SPA应用中常见，侧重于UI和交互，但不利于SEO。

摘要由CSDN通过智能技术生成

一、写在前面

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

二、总结

2.1、两种渲染方式

后端渲染

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

前端渲染

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

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