vue3源码中的最长递增子序列的实现方式

---

前言

vue3的源码中关于diff算法中用到了最长递增子序列，所以本篇文章就学习一下是vue3中是如何实现的。

---

一、最长递增子序列是什么？

子序列 是由数组派生而来的序列，最长递增，顾名思义，就是在数组中找到符合这个描述的子序列，例如[1,2,0,8,3,4,]，这个数组的最长递增子序列就是[1,2,3,4]。

二、寻求最长递增子序列

如何寻求最长递增子序列呢？可以从易到难，先掌握思路，这里是leetcode原题的链接。

leetcode原题描述：
给你一个整数数组 nums ，找到其中最长严格递增子序列的长度。

示例 1：

输入：nums = [10,9,2,5,3,7,101,18]
输出：4
解释：最长递增子序列是 [2,3,7,101]，因此长度为 4 。

示例 2：

输入：nums = [0,1,0,3,2,3]
输出：4

示例 3：

输入：nums = [7,7,7,7,7,7,7]
输出：1

解题思路：
因为题目中只要求返回最后的长度，因此结合贪心算法就可以实现。（虽然得出的最终结果很可能和最长递增子序列的实际结果有出入，但长度是一样的）。
首先，创建一个数组用于收集最长递增子序列，然后开始遍历原数组，当最长递增子序列长度为0时，直接将遍历的数字放入即可，之后，当遍历的数字大于记录的最长递增子序列最后一项末尾数字时，新增记录到最长递增子序列末尾。否则，找到最长递增子序列中，第一个大于该当前遍历到的数字，将其替换为当前遍历到的数字（对于同一个地方，始终倾向于存放更小的值，以寻求最长递增子序列的局部最优解）。

/**
 * @param {number[]} nums
 * @return {number}
 */
var lengthOfLIS = function (nums) {
   
    if (nums.length === 0) return 0;
    const tails = [nums[0]];
    for (let i = 1; i < nums.length; i++) {
   
        /* 当遍历的数字大于记录最后一项末尾数字时，新增记录否则，
                找到记录中，第一个末尾大于该数字的记录，更改其末尾 */
        const current = nums[i];
        const end