美文网首页
diff 算法原理

diff 算法原理

作者: 樱木夜访流川枫 | 来源:发表于2018-06-05 00:00 被阅读0次
一、找到相同的前置元素、后置元素;

1、旧数组为空,将新数组的剩余元素插入
2、新数组为空,将旧数组的剩余元素删除
3、新、旧数组都不为空,执行第二步。

二、找到需要被删除、插入、移动的元素

数组p:与新数组的长度相同,与新数组是相互映射关系,
元素在旧数组中的索引 存储在 元素在新数组中的位置

三、找到最少的移动次数

1、找到 P 数组的最长递增子序列来做动态规划,新集合中不属于这个序列的将会被移动。

2、同时尾部遍历新数组和 LIS 序列,查看元素的位置是否能与 LIS 序列的任何一个值匹配:

a:可以匹配,保留位置;
b:不能匹配,移动到到前面;
c:找不到,插入元素;

相关文章

  • diff 算法原理

    一、找到相同的前置元素、后置元素; 1、旧数组为空,将新数组的剩余元素插入;2、新数组为空,将旧数组的剩余元素删除...

  • diff算法核心原理

  • sammary

    vue-diff算法 react 性能优化 diff算法 ,局部更新DOMshouldComponentUpdat...

  • 学习笔记:深入RN知识总结

    一、RN底层实现原理 1.1、 React内部核心:虚拟DOM技术+diff算法。 React框架,将JSX代码渲...

  • React diff算法

    传统的diff算法复杂度是O(n*3),而React diff算法改进了传统的diff算法,将算法复杂度降低到了O...

  • VueDiff算法的简单分析和一些个人思考

    Diff算法是Vue视图动态改变的核心算法之一 本文包括对Diff算法的简单概括,和我闲的难受对Diff算法的一些...

  • react VS Vue diff算法

    react diff diff算法的作用:数据更改,生成相应的虚拟DOM,与真实DOM作对比,通过diff算法,对...

  • 到底React Fiber架构是个什么

    diff 算法缺陷 diff 算法问题出现在,React 的调度策略 -- Stack Reconfile。这...

  • Vue-diff算法原理

    虚拟DOM 虚拟DOM(Virtual DOM)是对真实DOM的JS抽象表现,能够描述DOM结构和关系,在合适的时...

  • 0725-

    1.virtual DOM 和 Diff算法? 2.vue生命周期 3.vue-router原理 4.vue通信 ...

网友评论

      本文标题:diff 算法原理

      本文链接:https://www.haomeiwen.com/subject/vseusftx.html