[JavaScript知识库]vdom，v-if和v-show区别，v-for中的diff算法，splice方法

1、vdom（virtual dom）

? vue或react在加载dom前或先在vdom中加载然后再到dom中加载，在有相同组件且不冲突时会复用，比如用v-if，v-else控制的组件。此时会发生一种情况：组件中的内容不会被删掉，虽然切换了，但原组件中的内容还在。要想解决此问题，只需要在组件中设置不同的key。

2、v-if和v-show的差别

? 当v-if为false时，dom中压根不会有该元素

? 而v-show为false时只是多了display：none

3、v-for中的diff算法

? 在v-for中未设置key时，每次插入数据会将插入位置后的数据依次后移，改变对应的key再插入。而设置key时，有了对应的key值就可以直接插入。这两种情况就像静态数组和链表数组的插入。

4、splice

? splice（a , b ,c ,d …)

? 第一个参数表示需要找到的下标的位置；

? 第二个参数表示从a开始删b个元素，b可以是0；

? 第三个参数及以后所有参数表示从a后面插入的元素；

?