传统的DOM渲染方式 old

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

传统的DOM渲染分为以下三步:

纯后端渲染         

纯前端渲染         

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

纯后端渲染 又称为服务器端渲染(SSR):服务端在返回 html 之前,在特定的区域,符号里用数据填充,再给客户端,客户端只负责解析 HTML 。

纯前端渲染 又称为客户端渲染(SPA):html 仅仅作为静态文件,客户端端在请求时,服务端不做任何处理,直接以原文件的形式返回给客户端客户端,然后根据 html 上的 JavaScript,生成 DOM 插入 html。

服务端的js渲染结合前端渲染: 顾名思义就是将后端渲染和前端渲染中一些交给纯后端DOM渲染逻辑分离的不好,但是交给纯前端DOM渲染又会造成较高延迟的部分单独分离出来形成了一独立DOM渲染阶段,保留的代码中天然的展示层和数据层的分离,又把API请求的累计延迟减少了很多,从SEO角度来说渲染结果对搜索引擎也很友好。当然,这样的做法需要给整体的架构增加一个独立的单元,给开发和部署都带来了更高复杂性。

原文地址:https://www.cnblogs.com/yh6652210/p/11189443.html