首先diff算法是发生在更新的过程，而更新的情况有以下几种情况： 老的是Array，新的是Text 老的是Text，新的是Text 老的是Text，新的是Array 老的是Array，新的是Array

核心要点 数据变化时，vue如何更新节点 虚拟DOM 和 真实DOM 的区别 vue2 diff 算法 vue3 diff 算法 一、 数据变化时，vue如何更新节点 首先渲染真实DOM的开销是很大，

vue3更新了diff算法中对比子节点的核心算法逻辑。性能综合提高约30%～50%。从算法思路上讲讲他们的区别，更多的细节不做讨论。个人理解篇，纯属个人理解脑洞思路整理，方便后续回忆。

大家好，我是哈默。在明确了 `diff` 算法使用的前提之后，我们再来看下 `diff算法` 需要处理哪些场景呢？

vue2 核心 diff 算法 采用的是双端比较算法 vue3 核心 diff 算法采用的是去头尾的最长递增子序列算法 本文主要分析下vue3的 核心 diff 算法 最长递增子序列 这是一道经典的算

设计模式代表了最佳的实践，通常被有经验的面向对象的软件开发人员所采用。设计模式是软件开发人员在软件开发过程中面临的一般问题的解决方案。这些解决方案是众多软件开发人员经过相当长的一段时间的试验和错误总结出来的。 设计模式是一套被反复使用的、多数人知晓的、经过分类编目的、代码设计经…

首先我们先回顾一下webpack常见配置，因为后面会用到，所以简单介绍一下。 这里面我们重点关注 module和plugins属性，因为今天的重点是编写loader和plugin，需要配置这两个属性。 通过逐层识别模块依赖。（Commonjs、amd或者es6的import，w…

基于 React 18 版本讲解 React Hooks 原理。配合录制的 debug 视频，带大家详细理解 Hooks 在 Fiber 中的运行机制、状态保存逻辑和常见的关于 Hook 的问题。

整理了一份前端面试文章指南，包括： css JS基础 Typescript 浏览器与网络基础 React Vue webpack 前端工程化 性能优化 前端安全等