DOM是如何进行渲染—小白理解

接触学习前端已经有段时间,dom从接触js开始就一直在使用,但是一直却不太懂它的意思?查找资料过后,对其有个大概模糊的了解。

何为DOM渲染,DOM是文档对象模型,渲染是对从模型到具象的过程,DOM渲染是将浏览器对用户展示的DOM 文档生成的过程。

具体是一个什么样的过程呢?

首先,它分为三个阶段 后端渲染,前端渲染,独立DOM渲染(这部分独立出的代码是属于前俩钟渲染无法完全进行渲染的部分)

后端渲染指的是DOM树完全生成在后端的服务器中,他与浏览器中得到的DOM基本是差不多的,他通过协议响应返回全部的内容,可以更快的让用户看到页面的主体,但是他也有弊端,就是当遇到较复杂的DOM结构,开发难度就会变大,后端渲染地址的路由完全由后端控制,它的每次路由都会引起页面的刷新,这样的体验是很不好的。

前端渲染是将DOM生成的主体逻辑放在了前端,更像是为后端渲染留好了位子,前端渲染了主体框架,后端返回单个模块的DOM渲染,由JS代码将其主体渲染到容器中。在纯前端DOM渲染中,服务器主要是以API的形式返回各种数据,然后由js把数据重新组合成DOM。纯前端渲染里面的第一屏渲染,主要是依赖大量的HTML代码和多次API请求。

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

具体如何渲染最有需要根据实际项目进行来选择。

猜你喜欢

转载自www.cnblogs.com/tao0929/p/10859331.html