1. 首页
  2. 编程语言
  3. Javascript
  4. 详解Vue2的diff算法

详解Vue2的diff算法

上传者: 2021-08-23 19:00:57上传 PDF文件 99.88 KB 热度 16次

前言双端比较算法是vue2.x采用的diff算法,本篇文章只是对双端比较算法粗略的过程进行了一下分析,具体细节还是得Vue源码,Vue的过程假设当前有两个数组arr1和arr2那么其过程有五步。那么得出的结论就是,如果在while循环结束后,如果newStartIdx是小于或者等于newEndIdx,那么在newStartIdx和newEndIdx索引之间对应的元素就是新增的元素,并且oldStartIdx总是比oldEndIdx大上面说完了新增,那如果是删除元素呢?oldEndVnode的原因了,下面我们完善代码接下来我们使用两个gif图来表示一下diff过程1.新增元素2.减少元素

用户评论