Question

我正在开发一个系统，其中有一个带有图标的通知部分，如果新通知到达，我必须高亮显示该图标。我想要使用的第一个解决方案是DOMNodeInserted到通知窗格的容器div。但是该方法已被弃用。第二个选项是实现一个计时器，它检查dom计数是否增加，并根据突出显示图标。

是否有更好的方法可以使用JavaScript实现此方案。

Answer 1

该事件已被弃用，有利于所有现代浏览器都支持的Mutation Observers。 https://developer.mozilla.org/en-US/docs/Web/API/MutationObserver

// select the target node
var target = document.querySelector('#some-id');

// create an observer instance
var observer = new MutationObserver(function(mutations) {
  mutations.forEach(function(mutation) {
    console.log(mutation.type);
  });    
});

// configuration of the observer:
var config = { attributes: true, childList: true, characterData: true };

// pass in the target node, as well as the observer options
observer.observe(target, config);

// later, you can stop observing
observer.disconnect();

显示新通知的最佳方式

1 个答案: