1_Vue

Vue

测试代码的运行的时间
console.time(‘name’); 执行的代码片段 console.timeEnd

  console.time('for')
        // 频繁节点操作(3w次)
        // for(let i=0;i<10000;i++){
        //     let btn = document.getElementsByTagName('button')[0];
        //     let num = btn.innerText;
        //     num++;
        //     btn.innerText = num
        // }

        // 优化(3次)
        let btn = document.getElementsByTagName('button')[0];
        let num = btn.innerText;
        for(let i=0;i<10000;i++){
            num++;
        }
        btn.innerText = num
        console.timeEnd('for')

虚拟DOM
一个结构类似真实DOM 节点的数据
·

虚拟DOM比较状态 --> diff算法（判断初始状态跟结束准状态） 比较出不一样的部分
实现布局更新

用diff算法