MVVM框架和jQuery的区别

本文探讨了MVVM框架与jQuery在操作DOM上的本质区别。MVVM框架如Vue,关注Model状态变化,自动更新DOM,解放开发者。而jQuery则直接操作DOM,过程繁琐。文章强调了理解业务流程的重要性。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

1 一个MVVM框架和jQuery操作DOM节点有什么区别?
JQ操作DOM节点是要用$符号对dom节点进行属性改变,事件注册,事件触发,例如,

Hello, BatMan!

var name = 'Homer'; $('#name').text(name);

而,MVVM框架来实现同样的功能,我们首先并不关心DOM的结构,而是关心数据如何存储。最简单的数据存储方式是使用JavaScript对象:
var person = {
name: ‘BatMan’
}
我们把变量person看作Model,把HTML某些DOM节点看作View,并假定它们之间被关联起来了。
要改变name的值,只需通过对象访问属性即可
person.name = ‘Homer’;
这让我们的关注点从如何操作DOM变成了如何更新JavaScript对象的状态,而操作JavaScript对象比DOM简单多了!
这就是MVVM的设计思想:关注Model的变化,让MVVM框架去自动更新DOM的状态(例如,VUE会生成虚拟DOM,虚拟DOM可以看成对象,里面有url和文本,孩子节点,而每当我们数据发生变化,生成的新的虚拟DOM会对比旧虚拟DOM,通过最小的代价(事件绑定,代理,DOM操作)来更新节点),从而把开发者从操作DOM的繁琐步骤中解脱出来!

加个小心得
当你去请教别人的时候,长辈们教会你的,更多的是解决方法的过程,而不是单单告诉你答案。让我感受到,懂行的人,并不是你技术就可以,而是你对于业务流程的理解透彻的高度,这种东西更类似于实打实的经验,技术会更新迭代,而这种经验是永远学到赚到的东西

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值