## 前言 从另外的角度解读react框架 。 ## 比较差异的原理和过程 ~~~ 伪代码的整理 ： 构建virtual dom树结构 var tree = new Element(“div”,{props:{id:’test’}},’hello there’) ; 将vitrual dom树插入到真正的dom中 var root = render(tree,document.getElementById(“container”)) ; 变化后的新的vitrual dom树 var newTree = new Element(“div”,{props:{id:test2}},’hello world’) ; 通过diff算法对比出两棵树的不同 var patches = diff(tree,newTree) ; dom中使用变更 Patch(root,patches) ~~~