传统DOM渲染方式？

传统DOM渲染方式？

传统的DOM渲染方式？
DOM渲染指的是对于浏览器中展现给用户的DOM文档的的生成过程。
DOM渲染演化过程：1.纯后端渲染。2.纯前端渲染。3.服务端的js渲染结合前端渲染。
1.纯后端渲染又称为服务器渲染(SSR):采用这样的渲染方式，就是每一个页面中，在Chrome中展开得到的DOM，和服务器返回的DOM是基本一致的（可以通过查看页面源代码来得到服务器返回的DOM）。纯后端的DOM渲染，DOM树的生成完全是在后端服务器中完成的，相当于后端服务器的程序会把各种数据拼成一个DOM树。并转换成一个字节流作为HTTP Response的body返回浏览器。简单来说就是 服务端在返回 html 之前，在特定的区域，符号里用数据填充，再给客户端，客户端只负责解析 HTML 。
2.纯前端渲染：纯前端渲染可以解决纯后端渲染中出现的各种体验问题。纯前端渲染把DOM生成的主题逻辑都放在了前端，这时后端只会返回一个框架的DOM结构，然后由js代码把页面的主题渲染到这个容器元素中。html 仅仅作为静态文件，客户端在进行请求时，服务端不做任何的 处理，是直接以原文件的形式返回给客户端客户端，然后根据 html 上的 JavaScript，生成 DOM 插入 html。
3. 服务端的js渲染结合前端渲染：若是将后端渲染和前端渲染中一些交给纯后端渲染逻辑分离的不好，但是交给纯前端DOM渲染又会造成比较高延迟的部分单独分离出来形成独立DOM渲染阶段，保留的代码中天然的展示层和数据层的分离，又把API请求的累计延迟减少了很多，从SEO角度来说渲染结果对搜索引擎也很友好。当然，这样的做法需要给整体的架构增加一个独立的单元，给开发和部署都带来了更高复杂性。所以就目前来说，是最适合于提供最优的使用体验，但不一定是开发中最好的方式，应按需解决问题。