传统的DOM渲染方式

什么是DOM渲染：

　　DOM渲染是浏览器展现给用户的DOM文档的生成的过程。

 

DOM渲染的演化过程：

　　①纯后端渲染

　　②纯前端渲染

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

 

　　纯后端渲染：DOM树的生成完全是在后端服务器中完成，服务器的程序会把各种的数据拼成一个DOM树。采用这样的渲染方式，就是每一个页面中，在Chrome中展开得到的DOM，和服务器返回的DOM基本一致。这个过程会有少部分js代码，不过这并不影响DOM的主体是服务器返回的。

　　纯前端渲染：后端只返回一个DOM框架，DOM生成的主体逻辑在前端，js代码将页面的主体渲染到前端。

　　服务端的js渲染结合前端渲染：前面两种渲染中有一些任务，交给纯后端DOM渲染逻辑分离的不好，交给纯前端DOM渲染会造成较长的延迟，所以分离出来了一个独立DOM渲染阶段。从SEO角度来说很友好，但是加大了开发难度。