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

　　DOM的渲染指的是对于浏览器中展现给用户的DOM文档的生成的过程。在Chrome中，这个渲染好的DOM，就是在开发者工具中元素这个tab中，递归的展开之后得到的整个文档。

　　渲染过程我们大致可以分为三个阶段：

　　　　①纯后端渲染

　　　　　　通过页面，我们在Chrome得到的DOM，和服务器返回来的Dom是基本上一致的。这用上“基本一致”是因为我们在实际的操作，页面或多少是会带一点的js代码，并且浏览器运行这些js代码来对DOM进行渲染，不会影响到DOM的主体还由服务器端返回的。纯后端的DOM渲染，说的是DOM树的生成完全由后端服务器完成，相当于后端服务器的程序把各种的数据拼接成一个DOM数，并转换成一个字节流返回给浏览器，呈现出来。

　　　　　　如果返回的DOM比较复杂，尤其是带有复杂的交互的页面，开发的难度就会非常大，或者说纯后端渲染很难带来良好的交互体验。

　　　　②纯前端渲染

 

　　　　　　纯前端渲染也就是把DOM的生成的主要逻辑都放在了前端，这是的后端只返回一个框架的DOM结构，可以说是容器，下来就是js代码把页面的主题渲染到这个容器中。

　　　　　　纯前端渲染可以解决纯后端渲染中出现的各种体验问题。主要体现在交互的部分可以脱离数据接口独立的开发和调试，让站点的交互能力大幅的提升，并且很好的解耦了表现层和数据层的代码逻辑。

　　　　③服务端的js渲染结合前端渲染

 

　　　　　　服务器的js渲染结合前端渲染就是把渲染分为两个阶段，也就是把一部分交给后端DOM渲染，把前端DOM渲染会造成较高延迟的部分单独分离出来形成一个独立DOM渲染阶段。

　　　　　　这样减少了API请求，对搜索引擎也很友好。当然，这样的做法需要给整体的架构增加一个独立的单元，给开发和部署都带来了更高复杂性