diff算法的缺点

Diff算法

Diff算法的作用是用来计算出 Virtual DOM 中被改变的部分，然后针对该部分进行原生DOM操作，而不用重新渲染整个页面。 Diff算法有三大策略：三种策略的顺序也是顺序依次。

Diff算法：Diff算法是虚拟DOM的核心，它用于比较新旧虚拟DOM树之间的差异。Vue中使用的是经典的Diff算法，具体包括以下几个步骤： Walk：遍历新旧虚拟DOM树，对比节点，并记录差异。 Update：根据差异进行更新。

diff发生在虚拟DOM上。diff算法是在新虚拟DOM和老虚拟DOM进行diff（精细化比对），实现最小量更新，最后反映到真正的DOM上。

要解释key的作用，不得不先介绍一下虚拟DOM的Diff算法了。我们知道，vue和react都实现了一套虚拟DOM，使我们可以不直接操作DOM元素，只操作数据便可以重新渲染页面。而隐藏在背后的原理便是其高效的Diff算法。

股票中的MACD中的“DIFF”指的是DIFF线（Difference），即收盘价短期、长期指数平滑移动平均线间的差；“DEA”指DEA线（Difference Exponential Average），即DIFF线的M日指数平滑移动平均线。

vue中使用v-for时为什么不能用index作为key?

总而言之，key的作用主要是为了高效的更新虚拟DOM 。另外vue中在使用相同标签名元素的过渡切换时，也会使用到key属性，其目的也是为了让vue可以区分它们，否则vue只会替换其内部属性而不会触发过渡效果。

然而我们在使用的 v-for的时候经常会使用index(即数组的下标)来作为key，但其实这是不推荐的一种使用方法。当然如果这个列表只是存静态的，这当然是没问题的，反之这个列表是动态的我们就不要用数组的index作为key来使用。

在 Vue3 中，v-for 需要使用 key 值的原因是，当列表更新时，Vue 会重新渲染整个列表。如果列表中的元素没有唯一的 key 值，Vue 将无法准确地跟踪每个元素的，从而导致重复渲染和性能问题。

也就是说如果使用v-for渲染了元素列表时，如果需要有删除操作时，对key的赋值不能用下标，而是需要提供一个相对唯一的 ‘key’。比如写成这样，使用splice方失效，无论删除哪一条，页面上看到的都是删除最后一项。

人类光学的Diff-aA+ADD3.5人工晶体优缺点?

进口人工晶体实现微创小切口手术，切口为8mm（毫米），当然，这个目前只有美国博士伦能实现。

连续视程人工晶体的优点是能看清远、中、近物，动态视力和夜间视力都能获得极佳的改善，看东西视线移动或外景中有物体移动时，不会出现断片和画面跳跃感，即使是夜晚也能看得清。

．前房型有晶状体眼人工晶状体植入术：①目前常用硬性材料PMMA；②膜隧道切口或透明角膜切口，切口较大，需要缝线，对角膜散光影响大；③术时要尽量缩小瞳孔；④白内障发生率低；⑤可能对房角﹑皮和虹膜有影响。

面试中的网红Vue源码解析之虚拟DOM,你知多少呢?深入解读diff算法...

1、在Vue中，每个组件都有一个对应的虚拟DOM树，它是一个以组件根节点为起点的JavaScript对象。 当数据发生改变时，Vue会重新计算虚拟DOM树的结构，并和旧的虚拟DOM树进行比较。

2、我们前面知道diff算法发生在虚拟DOM上，而虚拟DOM是如何实现的呢？实际上虚拟DOM是有一个个虚拟节点组成。h函数用来产生虚拟节点（vnode）。

3、首先明确DOM的相关操作需要调用webapplication对性能损耗是比较高的。先看看常规的思路改良思路（仍然使用DOM）React的思路Vue和react的虚拟DOM的原理和步骤是完全一致的。

4、因为diff 算法是 vuex ， vuex 以及 react 中关键核心点，理解 diff 算法，更有助于理解各个框架本质。 说到「diff 算法」，不得不说「虚拟 Dom」，因为这两个息息相关。

React的diff算法详解

react 通过 diff 算法来进行性能优化，减少 dom 的创建和删除。那么 react 采用的优化是否为 最优化 呢？答是：否。

diff算法是虚拟DOM中采用的算法。把树形结构按照层级分解，只比较同级元素。不同层级的节点只有创建和删除操作。给列表结构的每个单元添加唯一的key属性，方便比较。相关信息：React只会匹配相同class的component。

这个是错误的理解，diff算法只是用来计算出改变状态或 props的组件/虚拟节点，而这个组件/虚拟节点，无论多大，它都会重新渲染。

如果子组件的 shouldComponentUpdate 返回 true ，则调用 componentWillUpdate render ，然后 通过diff算法更新DOM ，最后调用 componentDidUpdate 。

diff算法是react的核心思想。当你添加了一个key之后，因为react在重新渲染时，会比较组件是否发生了变更，diff算法包括组件diff，ment diff，还有dom树diff。

这个生命周期钩子如果返回true，则会后面的render和diff工作，如果返回fal，则React不会向下继续。用户可以在这个生命周期钩子中进行state和props的对比，断是否需要更新。