什么是真實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
比對的方法有哪些？
- 首尾指針法浑侥，向中間靠攏
來源
