深入分析 Vue 3 源码中 `patch` 函数的 Diff 算法，特别是针对数组头部/尾部移动的“快速路径”（`fast path`）优化。

各位观众，晚上好！ 今天咱们不聊诗和远方，就聊聊 Vue 3 源码里那个磨人的小妖精 —— patch 函数的 Diff 算法。尤其是它对数组头部/尾部移动的“快速路径”（fast path）优化，这可是个能让你的 Vue 应用跑得更溜的小秘密。

开场白：Diff 的重要性

想象一下，你用 Vue 做了一个列表，用户添加、删除、移动了几项。如果每次修改都直接暴力地重新渲染整个列表，那性能简直要上天台。所以，聪明的 Vue 就采用了 Diff 算法，只更新真正变化的部分。patch 函数就是这个算法的核心执行者。

patch 函数：舞台上的总导演

patch 函数的任务，简单来说，就是比较新旧两个 VNode (Virtual DOM Node)，然后把差异应用到真实 DOM 上。它就像个总导演，指挥着演员们（DOM 元素）根据剧本（新 VNode）调整自己的表演。

函数签名先认识一下：

function patch(
  n1: VNode | null, // 旧 VNode
  n2: VNode | null, // 新 VNode
  container: RendererElement, // 容器，要挂载或更新的 DOM 元素
  anchor: RendererNode | null = null, // 锚点，用于插入 DOM 元素
  parentComponent: ComponentInternalInstance | null =