js监听布局变化

有的时候框架自带的布局自适应会刷新布局并修改样式从而覆盖我们自定义的一些样式，可以听过监听布局变化在回调函数中改回样式（参考博文）

var MutationObserver = window.MutationObserver || window.WebKitMutationObserver || window.MozMutationObserver;
    var box1=document.getElementById("box1"); //对象{}
    var observer = new MutationObserver(function(mutations) {
        mutations.forEach(function(mutation) {
            if (mutation.type == "attributes") {//当布局发生改变时执行
                console.log("attributes changed", mutation);
                box2.style.width=mutation.target.style.width
            }
        });
    });
    observer.observe(box1, {//进行监听
        attributes: true, //configure it to listen to attribute changes,
        attributeFilter: ['style']
    });