帮忙介绍下浏览器渲染和服务器端渲染具体是怎么个过程

Question

关于我们访问的页面是如何呈现在我们面前的，有些说是浏览器渲染出来的，有些说是服务器端渲染出来的，求帮忙解释介绍下渲染具体过程。

Answer 1

这里的渲染，就是指生成html文档的过程，和浏览器渲染html没有关系。

浏览器端渲染，指的是用js去生成html，前端做路由。举例：React, Vue等等前端框架。适合单页面应用程序。

服务器端渲染，指的是用后台语言通过一些模版引擎生成html。举例：PHP文件、JSP文件、Python的Flask配合Jinja引擎、Django框架、Java配合vm模版引擎、NodeJS配合Jade。适合多页面应用。其实现在大部分网站还是这种形式。

所以有为了让单页面应用利于SEO，让服务器和客户端同构，也使用React/Vue渲染的方案。

PS: Segmentfault也是服务端渲染。

Answer 2

服务器端渲染：

1. 客户端发起请求；
2. 服务器收到请求，并准备数据；
3. 服务器使用页面模板和数据生成页面；
4. 客户端收到页面并按客户端的规则加载其它资源或执行脚本；
5. 客户端展示页面；

客户端渲染：

1. 客户端发起请求；
2. 服务器收到请求并返回html页面；
3. 客户端发收到页面并按客户端的规则加载其它资源或执行脚本；
4. 客户端展示页面；

Answer 3

渲染肯定是浏览器端的渲染, 服务器怎么渲染???
服务器是做数据支撑. 最多返回给你一些页面元素, 去动态渲染页面(动态页面, 静态页面的区别),
最后也是浏览器去解析的.
有什么问题