什么是真实dom
<div class="box">
<p class="p-tag"> hello, I'm p tag </p>
<b> I'm strong! </b>
</div>
转化为虚拟dom
var virtualDom = {
targetName: 'div',
props: { class: 'box' },
children: [
{
targetName: 'p',
props: { class: 'p-tag' },
children: ' hello, I'm p tag '
},
{
targetName: 'b',
children: ' I'm strong! '
}
]
}
diff算法的目的
找出差异，最小化更新视图
diff算法的本质
找出两个js对象的差异
image.png
为什么采用同级比对
为了减少比对次数
image.png
比对的方法有哪些？
- 首尾指针法，向中间靠拢
来源
