解析 webpack 核心流程与插件架构，理解： - Webpack 从启动到输出 bundle，内部逻辑流转过程 - 编写 webpack 插件前，你需要弄清楚哪些问题

这面试题目没有难度，但却可以体现一个前端的基本功水平，因此下面除了文字讲解外还会配合官方的图片和博主自定义的示例，便于更深刻理解。

乾坤（Qiankun）是一个微前端框架，它通过沙箱机制来隔离各个微应用，确保它们在同一个页面中不会相互干扰。以下是乾坤实现沙箱的主要技术和步骤： 一，沙箱实现原理 全局变量隔离： 乾坤通过代理（Pro

React 18 最主要的特性就是并发了，很多 api 都是基于并发特性实现的。 那为什么 React 要实现并发？什么是并发？又是怎么实现的呢？ 这篇文章我们就一起来探究一下。 首先，我们过一遍 R

React Fiber架构有一定的复杂度，如果硬着头皮去啃源码，我们会深陷于庞大的代码量和实现细节之中，往往学不到什么东西。 React并发模式是ReactFiber架构的重要应用，本文不贴任何React源码，纯粹使用文字帮助大家从并发模式的角度去理解React Fiber架构…

在 React v16.13 版本中，正式推出了实验性的 Concurrent Mode，尤其是提供一种新的机制 Suspense，非常自然地解决了一直以来存在的异步副作用问题。结合前面 v16.8 推出的 Hooks，v16.0 底层架构 Fiber，React 给开发者体验…

在《Concurrent 的奥秘》中，我们已经了解到，React 利用并发特性可以为应用构建更好的用户体验。而 Concurrent 的背后是：可被中断的 “渲染” 和 区分优先级的更新 两项核心设计

什么是状态管理？ 状态 状态是表示组件当前状况的 JS 对象。在 React 中，可以使用 useState 或者 this.state 维护组件内部状态，通过 props 传递给子组件使用。

假设 React 组件有这样一个状态： 我们这样修改了它的状态： 你觉得组件会重新渲染么？ 我们先在 class 组件里试一下： 渲染 state.a.b 的值，两秒以后修改 state。 你发现它重