Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

笔误 #285

Open
wants to merge 1 commit into
base: master
Choose a base branch
from
Open

笔误 #285

Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 1 addition & 1 deletion docs/zh/renderer-diff.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -926,7 +926,7 @@ while (oldStartIdx <= oldEndIdx && newStartIdx <= newEndIdx) {
}
```

如果 `idxInOld` 存在，说明我们在旧 `children` 中找到了相应的节点，于是我们拿到该节点，将其赋值给 `vnodeToMove` 常量，意味着该节点是需要被移动的节点，同时调用 `patch` 函数完成更新，接着将该节点所对应的真实 DOM 移动到最前面，也就是 `oldStartVNode.el` 前面，由于该节点所对应的真实 DOM 已经被移动，所以我们将该节点置为 `undefined`，这是很关键的异步，最后我们将 `newStartIdx` 下移一位，准备进行下一轮的比较。我们用一张图来描述这个过程结束之后的状态：
如果 `idxInOld` 存在，说明我们在旧 `children` 中找到了相应的节点，于是我们拿到该节点，将其赋值给 `vnodeToMove` 常量，意味着该节点是需要被移动的节点，同时调用 `patch` 函数完成更新，接着将该节点所对应的真实 DOM 移动到最前面，也就是 `oldStartVNode.el` 前面，由于该节点所对应的真实 DOM 已经被移动，所以我们将该节点置为 `undefined`，这是很关键的一步，最后我们将 `newStartIdx` 下移一位，准备进行下一轮的比较。我们用一张图来描述这个过程结束之后的状态：

<img src="@imgs/diff-vue2-14.png" width="400"/>

Expand Down