传统的DOM是如何进行渲染的

DOM的渲染指的是对于浏览器中显现给用户的DOM文档的生成过程。
渲染过程大致可以分为三个阶段：
1.纯后端渲染（又称为服务器端渲染）
（1）.纯后端渲染：采用这样的渲染方式，就是每一个页面中，在Chrome中展开得到的DOM，和服务器返回的DOM是基本一致的（可以通过查看网页源代码来得到服务器返回的DOM）。当然，这里是“基本”一致，因为实际操作中，页面或多或少还是会带有一些js代码，并且在浏览器端中运行这些js代码来对DOM进行的渲染，不过这一部分js代码并不影响DOM的主体是由服务端返回的。纯后端的DOM渲染，DOM树的生成完全是在后端服务器中完成的，相当于后端服务器的程序会把各种的数据拼成一个DOM树，并转换成一个字节流作为HTTP Response的body返回给浏览器。
2.纯前端渲染
（2）纯前端渲染：纯前端渲染可以解决纯后端渲染中出现的各种体验问题。纯前端渲染把DOM生成的主题逻辑都放在了前端，这时后端只会返回一个框架的DOM结构，比如只带一个容器元素的的DOM，然后由js代码把页面的主题渲染到这个容器元素中。
3服务端的js渲染结合前端渲染*
服务器的js渲染结合前端渲染就是把渲染分为两个阶段，也就是把一部分交给后端DOM渲染，把前端DOM渲染会造成较高延迟的部分单独分离出来形成一个独立DOM渲染阶段。
这样减少了API请求，对搜索引擎也很友好。当然，这样的做法需要给整体的架构增加一个独立的单元，给开发和部署都带来了更高复杂性