笔者今年2022寒冬下成功跳槽了阿里，这篇文章就是将自己面试的一些准备、知识总结分享出来~如果这篇文章对你有用，请一键三连（点赞+评论+收藏）

--- theme: cyanosis --- > 在上一篇文章 [# 面试官：说一说 vue3 的快速 diff 算法（一）](https://juejin.cn/post/726599596968

去年Vue3.0正式版本推出，受到很多人的追捧。vue3.0中也对dom-diff算法进行了优化，其中就用到了 「最长递增子序列」。 先简要介绍下基础背景。我们在vue开发项目的时候，常用模板或者jsx语法来编写DOM。实际上我们编写的代码会被@vue/compiler-dom…

如果你觉得排版难看，请点击下面链接或者拉到下面关注公众号也可以吧【Vue原理】Diff-白话版终于到了最后一块内容了！今天我们就来简单概括一下Diff，内容一点都不多哦，全是图片Diff作为Vue比较

信我！7张图带你读懂 vue3 中的 diff算法，包括前序比对、后序比对、同序列比对以及乱序比对，学不会你来打我！👊👊👊

Vue3 对 diff 过程进行了大升级，利用 最长递增子序列算法 去计算最少移动dom，尽可能少的做移动节点位置操作！

大多企业都是7月入职很多应届生，vue也是国内大多是公司首选的技术栈，下面就带你了解一下一些技术的实现，所以该文章每个技术实现都有对应的代码案例。

很多同学应该都在面试中遇到过这样的问题：“v-if 和 v-show 有什么区别？我们应该在什么情况下使用 v-if，什么情况下使用 v-show 呢？” 很多同学一听，这不太简单了~~

Vueuse拥有大量出色的组合。但是量太大，要把它们全部看完可能会让人抓不到重点。下面来介绍一些有用到的组合，它们如下： onClickOutside useFocusTrap useHead use