码迷,mamicode.com
首页 > 其他好文 > 详细

前端之:传统的DOM是如何渲染的?

时间:2019-07-15 22:48:11      阅读:138      评论:0      收藏:0      [点我收藏+]

标签:http   纯前端   网站   形式   能力   展示   字节流   搜索   字节   

a.纯后端渲染:
页面发送请求,后端服务器中将数据拼成完整DOM树,并转换成一个字节流作为HTTP Response的body返回给浏览器。优点在于
返回的HTTP Response是包含着全部页面内容,可以让用户更加快捷的看到页面的主体部分。也方便了网站的seo(搜索引擎优
化)。

b.纯前端渲染

能够分离表现层和数据层,js代码负责交互展现,后端以API(应用程序接口)形式提供纯粹的数据。优点是交互的部分可以
脱离数据接口独立的进行开发和调试,使得站点的交互能力大幅度提升。

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

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

前端之:传统的DOM是如何渲染的?

标签:http   纯前端   网站   形式   能力   展示   字节流   搜索   字节   

原文地址:https://www.cnblogs.com/lijinxiao/p/11191974.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!