所谓算法指的是：把一种数据结构转化为另外一种数据结构的方法。diff 算法分为 5 大步骤，同时涉及到<最长递增子序列>的概念，我们会分步详细进行讲解。博客内容较长，并且有点难，请大家预留足够时间阅读

VUE3.0对diff过程进行了升级，去掉了key查找，而是变成了计算最少移动dom的方案，然后在进行dom更新，它的计算方式就是以最长递增子序列算法为基础进行改造而来的，本文将一点点推导破解此算法！

本文通过图形结合文字，详细讲了vue2和vue3diff算法中核心部分内容，最后还贴有其实现代码和流程图

前言 本系列文章旨在通过学习阅读解析 vue3 源码，来实现并产出一个 精简版的 vue 库 小励志一下：阅读源码的过程会是痛苦的，但这一步总是要迈出去的，如果我们能咬牙坚持到最后，回过头会发现，其实

昨晚做了一个梦，梦见自己到了一家大厂面试，面试官走近房间，坐了下来：是杨溜溜吧？国际惯例，先来个自我介绍吧。 我嘴角一笑，心里暗喜：幸好有专门看Vue的面试题，看来这次稳了。于是谦虚又装逼的回答：还行吧，您随便问。 于是面试官看我口气那么大，心想：哟嚯，来了一个装逼的，劳资今天…

在工作中，有时会遇到需要一些不能使用分页方式来加载列表数据的业务情况，对于此，我们称这种列表叫做长列表。比如，在一些外汇交易系统中，前端会实时的展示用户的持仓情况(收益、亏损、手数等)，此时对于用户的持仓列表一般是不能分页的。 在高性能渲染十万条数据(时间分片)一文中，提到了可…

笔者在去年有过一段4个月的自学的经历，在学习过程中也是也到很多困难，庆幸的是现在一切已经步入正轨。如果你也在自学，可以看看下面的内容，希望本文能给你启发和信心。不多BB，上货！ 学历双非本科，跨专业自学。 2019年8月开始在家封闭式自学，12月拿到15k Offer上岗，一切…

Vue和React都是目前最流行、生态最好的前端框架之一。框架本身没有优劣之分，只有适用之别，选择符合自身业务场景、团队基础的技术才是我们最主要的目的。 博主1年前用的是Vue框架，近半年转技术栈到React框架，对于Vue和React都有一些基本的了解。接下来博主将与大家一起…