React 16的Fiber架构提供了可中断的渲染的基础，但是并没有根据优先级来调度更新，而是按照顺序处理更新，因此一旦开始渲染，就会一直直到完成，中间不会因为更高优先级的更新而中断。React 18则实现了完整的并发渲染，它可以根据优先级来中断和重新调度更新，从而让用户交互等紧急更新能够立即生效。

加载流程复盘：用户访问 https://portal.com。1、主应用加载，初始化路由系统。2、用户点击导航跳转到 /app1。3、主应用的路由器捕获到变化，查询映射表，发现 /app1 对应 //app1.com/bundle.js。4、主应用通过 动态脚本加载（如 System.import() 或 自己创建5、主应用创建沙箱环境，在沙箱中运行微应用代码。

Lane是 React 18 引入的优先级模型，使用31 位二进制数表示不同的优先级。// 过渡优先级（共 15 个）// 其他机制作用实现方式Lane 标记标记哪些 Fiber 需要更新中调用childLanes 传播标记更新路径向上标记所有父 Fiber 的childLanesbailout 优化跳过不需要更新的子树Props 对比判断组件是否需要重新渲染oldProps!↓【标记阶段】├─

上篇文章vue生命周期中我们说过一个句话，那就是mounted中并不会保证所有子组件都被挂载完成后再触发，因此当你希望视图完全渲染完成后再做某些事情时，请在mounted中使用$nextTick。那么$nextTick到底是干嘛用的，为什么能解决我们以上的问题。下面我们来好好了解了解$nextTick。但在此之前，如果不懂js事件循环的人，请先去看下什么是js事件循环，因为要理解$nextTick

虚拟dom是当前前端最流行的两个框架（vue和react）都用到的一种技术，都说他能帮助vue和react提升渲染性能，提升用户体验。那么今天我们来详细看看虚拟dom到底是个什么鬼虚拟dom的定义与作用什么是虚拟dom大家一定要记住的一点就是，虚拟dom就是一个普通的js对象。是一个用来描述真实dom结构的js对象，因为他不是真实dom，所以才叫虚拟dom。虚拟dom的结构从下图中，我们来看一看虚