通过什么方法可以实现-检测页面 DOM 变化
在MVVM框架中,一是监听数据的变化,数据驱动视图
通过Object.defineProperties()来监听数据的变化,或使用proxy来代理和反射
通过某个...API来监听DOM的变化(利用MutationObserver)来监听DOM的变化
注意
当通过JS操作了DOM之后,我们需要通知到DOM来更新视图,在vue2.0中是用的Object.defineProperies...,属性的变动,文本内容的变动
这个API都可以得到通知,Mutation Observer则是异步触发,DOM的变动并不会马上触发,而是要等到当前所有DOM操作都结束才触发,这样是为了应付DOM变动频繁的特点...DOM节点的所有变动,可以观察某一类变动
使用实例
// 选择需要观察变动的节点
var targetNode = document.getElementById('app');
// 观察器的配置(需要观察什么变动...应用
有时候,MutationObserver API都可以派上用场
通知web应用程序访问者,监测当前所在页面发生了一些更改,变化
正在开发一个新的javaScript框架,需要根据DOM的变化动态加载