如果新的虚拟dom是多个节点，那就先进入第一轮遍历，遍历的时候一一对应，如果不能复用，就立马跳出第一轮循环，进入第二轮循环，将剩余的老fiber放入一个以老fiberkey或者索引为key，value

React 是基于 vdom 的前端框架，组件 render 产生 vdom，然后渲染器把 vdom 渲染出来。 state 更新的时候，组件会重新 render，产生新的 vdom，在浏览器平台下，

我会按照以下几个方向对微前端进行知识梳理： 什么是微前端，微前端的方案有哪些，微前端方案的对比，微前端的适用场景，微前端的实现思路，微前端的底层源码分析，微前端技术的延伸--Vue如何使用React项

牛客21年前端面经题目汇总(带解析)，题源来自阿里、百度、腾讯、字节等15家公司，该文主要为简答题和手写题部分，题目大约为130道左右，手写题部分占50+，简答题接近80+。希望能帮到大家。

视频面，面试官问的非常的细节，大概一个小时的时间，涉及到多个方面。是我面过的问的问题最多的，但是没有非常的深入。 原型链，怎么不用instance of知道一个对象的类型。 正则表达式中的exce方法。 apply和call的区别。怎么用apply计算一个数组的最大值。 typ…

这是React源码系列专栏的第五篇文章，预计写10篇左右，之前的文章请查看文末，通过本专栏的学习，相信大家可以快速掌握React源码的相关概念以及核心思想，向成为大佬的道路上更近一步；

通过5个版本的迭代实现一个自己的React，使的其架构类似于真实的react架构，但是去掉了大部分的优化项以及目前不必要的功能。

在不久前的一个大厂试下你的一面当中,一上来就给我丢出了这么一个问题,搞得我头都大了。我也看过很多面经,发现真的很喜欢问这个。关于 React 的,10 篇里面有 5 篇都会问到 Fiber 相关的。

Vite是新一代的前端构建工具，具有极速的服务冷启动，轻量快速的热重载等特点，为开发提供极速响应。本文将浅析其原理。