2024年前端最全Vue3之Diff算法源码分析，web前端面试会问什么

常用的JavaScript设计模式

• 单体模式

• 工厂模式

• 例模式

  

函数

• 函数的定义

• 局部变量和全局变量

• 返回值

• 匿名函数

• 自运行函数

• 闭包

  开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

  

container,

null,

parentComponent,

parentSuspense,

isSVG,

slotScopeIds,

optimized

)

}

if (oldLength > newLength) {

// remove old

unmountChildren(

c1,

parentComponent,

parentSuspense,

true,

false,

commonLength

)

} else {

// mount new

mountChildren(

c2,

container,

anchor,

parentComponent,

parentSuspense,

isSVG,

slotScopeIds,

optimized,

commonLength

)

}

}

没有使用patchUnkeyedChildren方法

如果节点相同，继续遍历、否则break、然后从尾部开始遍历、如果旧节点遍历完还有新节点、会用null去patch(就会挂