Js篇-面试题15-通过什么方法可以实现-检测页面 DOM 变化

本文探讨了如何在JavaScript中检测页面DOM变化,主要讲解了MutationObserver接口的使用,包括它的异步处理、批量记录变动、观察特定类型变动等特性,并给出了使用示例,强调其在高性能响应DOM更改中的重要性。

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

虽互不曾谋面,但希望能和您成为笔尖下的朋友

以读书,技术,生活为主,偶尔撒点鸡汤

不作,不敷衍,意在真诚吐露,用心分享

点击左上方,可关注本刊

标星公众号(ID:itclanCoder)

如果不知道如何操作

点击这里,标星不迷路

通过什么方法可以实现-检测页面 DOM 变化

MVVM框架中,一是监听数据的变化,数据驱动视图

  • 通过Object.defineProperties()来监听数据的变化,或使用proxy来代理和反射

  • 通过某个API来监听DOM的变化(利用MutationObserver)来监听DOM的变化

注意 

当通过JS操作了DOM之后,我们需要通知到DOM来更新视图,在vue2.0中是用的Object.defineProperies()来劫持对象,而vue3.0中是使用proxy,维持了一个异步的队列,并不是修改了DOM就会立即更新到视图上面 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值