001
最后更新于：2022-04-02 05:39:41
## 前言
从另外的角度解读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)
~~~
';