React DOM-DIFF最基本的算法

● 按照索引一一对比，如果类型相同，则复用老的DOM节点，更新属性即可
● 如果类型不同，删除老的DOM节点，添加新的DOM节点
● 如果老的null 新的有，新建并插入
● 如果老的有，新的null,老的删除即可

/**
 * 比较新旧的虚拟DOM，找出差异，更新到真实DOM上
 * 现在还没有实现dom-diff
 * @param {*} parentDOM 
 * @param {*} oldVdom 
 * @param {*} newVdom 
 */
export function compareTwoVdom(parentDOM,oldVdom,newVdom,nextDOM){
    if(!oldVdom && !newVdom){//如果老的虚拟DOM是null,新的虚拟DOM也是null
    }else if(oldVdom&&(!newVdom)){//老的为不null,新的为null,销毁老组件
        let currentDOM = findDOM(oldVdom);
        currentDOM.parentNode.removeChild(currentDOM);//把老的真实DOM删除
        if(oldVdom.classInstance&&oldVdom.classInstance.componentWillUnmount){
            oldVdom.classInstance.componentWillUnmount();//执行组件卸载方法
        }
    }else if(!oldVdom && newVdom){//如果老的没有，新的有，就根据新的组件创建新的DOM并且添加到父DOM容器中
        let newDOM = createDOM(newVdom);
        if(nextDOM){
            parentDOM.insertBefore(newDOM,nextDOM);
        }else{
            parentDOM.appendChild(newDOM);
        }
        if(newDOM.componentDidMount)newDOM.componentDidMount();
    //新老都有，但是不同div p    也不能复用，则需要删除老的，添加新的 
    }else if(oldVdom&&newVdom &&(oldVdom.type !== newVdom.type)){
        let oldDOM  = findDOM(oldVdom);//先获取 老的真实DOM
        let newDOM = createDOM(newVdom);//创建新的真实DOM
        oldDOM.parentNode.replaceChild(newDOM,oldDOM);
        if(oldVdom.classInstance&&oldVdom.classInstance.componentWillUnmount){
            oldVdom.classInstance.componentWillUnmount();//执行组件卸载方法
        }
        if(newDOM.componentDidMount)newDOM.componentDidMount();
    }else{//老的有，新的也有，类型也一样，需要复用老节点，进行深度的递归dom diff了
        updateElement(oldVdom,newVdom);
    }
}