vue源码分析

    var MutationObserver = window.MutationObserver;
        var target = document.querySelector(‘#some-id‘);
        var observer = new MutationObserver(function(mutations){
            mutations.forEach(function(mutation){
                console.log(mutation.type);
            })
        })
        var config = {
            attributes: true
        };
        observer.observe(target, config);

setTimeout(function(){
            console.log(15);
        },0)
        document.querySelector(‘#some-id‘).setAttribute(‘data-test‘,‘6‘);
        new Promise(function(resolve){
            console.log(1);
            resolve();
            console.log(2);
        }).then(function(){
            console.log(9);
        });

        new Promise(function(resolve){
            console.log(3);
            resolve();
            console.log(4);
        }).then(function(){
            console.log(10);
        });

        function fn(){
            return new Promise((resolve,reject)=>{
                resolve(12);
            })
        }

        function fn1(){
            return new Promise((resolve,reject)=>{
                resolve(14);
            })
        }
        //async 是等待的，promise是顺序执行的，然后then最后执行，类似setTimeout 0，但是要比setTimeout 0先执行
        (async function(){
            console.log(5);
            console.log(await fn()); //这里的微队列将后面的代码都压入队列中，是这么理解的，或者说后面是同步的了，执行完了才执行微队列
            console.log(13);
        })();

        (async function(){
            console.log(await fn1()); //这里等待fn执行完成，才执行下一行
        })();

        //微队列是先进先出的，符合队列的规则，但是如果await 后面不是promise对象的话会有区别，会将后面的语句压入微队列中
        (async function(){
            console.log(6);
            await console.log(7); //这里这么写会有问题，打乱了微队列的队形，11是所有的await中的前面，其他异步微队列的后面
            console.log(11);
        })();

window.history.pushState(stateObject,title,url)
window.history,replaceState(stateObject,title,url)