DOM驱动和数据驱动的区别【浅显易懂】

定期清理显卡驱动和声卡驱动的冗余文件 #生活技巧# #数码产品使用技巧# #电脑清理小窍门#

2023-08-14 94 发布于广东

版权

举报

版权声明：

本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。

简介： DOM驱动和数据驱动的区别【浅显易懂】

DOM驱动：JavaScript的DOM综合练习是指通过编写JavaScript代码来操作HTML文档中的DOM元素，实现一些交互效果和动态效果的练习。这些练习可以包括创建、删除、修改DOM元素，添加事件监听器，实现动画效果等。

简单地说就是手动通过操作JS来获取实现效果，每次修改都需要再次获取数据执行修改。

数据驱动：数据驱动:通过数据来驱动页面的变化，数据改变时，页面上的内容也会改变。

在数据驱动的开发模式下，开发者更多的是关心数据怎么流转，数据怎么变，而不需要通过代码去操作元素，开发过程更加简洁，代码更加简洁专一。

举个抽象一点的例子：

       DOM驱动是，抽一鞭子就走一步路的懒驴，需要你不停的手动操作；

       数据驱动是，设定好挂挡就会持续运行的机器，只需要设定好你要的数据即可。

相关文章

真实DOM和虚拟DOM有哪些区别？

本文介绍了真实DOM和虚拟DOM的概念、使用方式、优势、劣势、使用场景、影响因素、开发效率和性能对比。真实DOM是浏览器提供的原生接口，直接操作简单直观，但频繁操作会导致性能损耗。虚拟DOM是真实DOM的抽象表示，通过比较差异减少DOM操作，适用于大规模数据变更和复杂交互的页面。开发者应根据具体需求选择合适的DOM操作方式，以提高页面性能和开发效率。

HTML DOM 节点树

HTML DOM 节点是指在 HTML 文档对象模型中，文档中的所有内容都被视为节点。整个文档是一个文档节点，每个 HTML 元素是元素节点，元素内的文本是文本节点，属性是属性节点，注释是注释节点。DOM 将文档表示为节点树，节点之间有父子和同胞关系。

HTML DOM 节点

HTML DOM（文档对象模型）将HTML文档视为节点树，其中每个部分都是节点：文档本身是文档节点，HTML元素是元素节点，元素内的文本是文本节点，属性是属性节点，注释是注释节点。节点间存在父子及同胞关系，形成层次结构。

网址：DOM驱动和数据驱动的区别【浅显易懂】 https://www.yuejiaxmz.com/news/view/479699

相关内容

事件驱动编程、消息驱动编程、数据驱动编程
数据驱动到底是什么？如何驱动，又能驱动什么？
数据驱动的未来：如何利用数据驱动技术提高业务效率1.背景介绍 数据驱动的未来是一个具有挑战性和机遇的话题。随着数据的崛起
人人都在谈的 “数据驱动” 到底是什么？你确认自己做的是数据驱动吗？
数据驱动与数据安全，自动驾驶看得见的门槛和看不见的天花板
数据驱动的市场营销服务
数据驱动决策：技术背后的智慧
什么是生活者数据驱动营销？
数据驱动决策：从理论到实践
理解服务中数据驱动及实现方式

随便看看