diff --git a/public/mount.excalidraw.png b/public/mount.excalidraw.png new file mode 100644 index 0000000..d091aa8 Binary files /dev/null and b/public/mount.excalidraw.png differ diff --git a/public/patch.excalidraw.png b/public/patch.excalidraw.png new file mode 100644 index 0000000..151bb33 Binary files /dev/null and b/public/patch.excalidraw.png differ diff --git a/public/template-to-render.excalidraw.png b/public/template-to-render.excalidraw.png index b05dfee..50279b2 100644 Binary files a/public/template-to-render.excalidraw.png and b/public/template-to-render.excalidraw.png differ diff --git a/public/vnode-to-dom.excalidraw.png b/public/vnode-to-dom.excalidraw.png deleted file mode 100644 index 8e9e8ce..0000000 Binary files a/public/vnode-to-dom.excalidraw.png and /dev/null differ diff --git a/slides.md b/slides.md index d60caf4..c6a2aec 100644 --- a/slides.md +++ b/slides.md @@ -2205,9 +2205,9 @@ transition: fade-out 前面我们实现了 **响应式系统** 和 **编译**(丐中丐版)，已经有能力将模板编译成渲染函数了，现在我们将它们整合起来，同时为了能将代码跑起来，我们还需要稍微简单实现下 **挂载**。 -过程如下图所示: +如下图所示: - + --- @@ -2409,6 +2409,10 @@ createApp({ 接下来我们来简单优化下，实现一个简单的 `patch` 函数，用来对比新旧节点，只更新需要更新的部分。 +如下图所示: + + + --- ## Counter 计数器