前端之:传统的DOM是如何渲染的?
2024-08-26 19:34:34
a.纯后端渲染:
页面发送请求,后端服务器中将数据拼成完整DOM树,并转换成一个字节流作为HTTP Response的body返回给浏览器。优点在于
返回的HTTP Response是包含着全部页面内容,可以让用户更加快捷的看到页面的主体部分。也方便了网站的seo(搜索引擎优
化)。
b.纯前端渲染
能够分离表现层和数据层,js代码负责交互展现,后端以API(应用程序接口)形式提供纯粹的数据。优点是交互的部分可以
脱离数据接口独立的进行开发和调试,使得站点的交互能力大幅度提升。
c.服务端的js渲染结合前端渲染
主要是把前两个阶段中,一些交给纯后端DOM渲染逻辑分离的不好,但是交给纯前端DOM渲染又会造成较高延迟的部分单独
分离出来形成了一独立DOM渲染阶段,保留的代码中天然的展示层和数据层的分离,又把API请求的累计延迟减少了很多,从
SEO角度来说渲染结果对搜索引擎也很友好。当然,这样的做法需要给整体的架构增加一个独立的单元,给开发和部署都带
来了更高复杂性。
最新文章
- python多进程提高cpu利用率
- .NET跨平台:在Mac上跟着错误信息一步一步手写ASP.NET 5程序
- A Simple Problem with Integers(树状数组HDU4267)
- Android 中建立一个OpenGL ES的开发环境
- Python os常用模块
- Freemarker常用技巧(二)
- android假设重写onDraw实现一个相似TextView能够显示表情和链接的控件(一)
- 第十一章 认识与学习BASH
- SSH整合之_架构的历史序列图
- android 设计模式学习
- acm:屁屁上的巴掌
- 【动画】看动画轻松理解「Trie树」
- CSS单元的位置和层次-div标签
- .NET提供了三种后台输出js的方式:
- 「SDOI2014」Lis 解题报告
- org.apache.hadoop.security.AccessControlException
- JavaScript “跑马灯”抽奖活动代码解析与优化(一)
- [cloud][sdn] openstack openflow opendaylight openvswitch
- java数据结构之递归算法
- 约束3:default约束
热门文章
- SpringBoot配置加载顺序
- Exception in thread ";main"; brut.androlib.AndrolibException: Could not decode arsc file 	at brut.androlib.res.decoder.ARSCDecoder.decode
- QTableView加载数据
- 转 How to Find Out Who Is Locking a Table in MySQL
- PAT 甲级 1070 Mooncake (25 分)(结构体排序,贪心,简单)
- MockMvc 进行 controller层单元测试 事务自动回滚 完整实例
- NPOI OFFICE 2007 文件格式不被支持,读取异常
- bootstrap-switch:记一次很坑的问题(连续相同状态的多行数据只有第一个显示按钮,其他行没有开关初始化)
- android基础---->;数据保存到文件
- P/Invoke 技术