自由人863

前言 兄弟也是好起来了，又又有大厂面试了。 面试过程： 一、自我介绍 这个自我介绍我之前在面试文章中提到过，大家可以翻翻查看。 二、实习经历 面试官看到我目前在一家公司实习...

深入理解 React 源码，带你从零实现 React v18 的核心功能，构建自己的 React 库。...

性能优化 什么是性能优化 命中「性能优化」的组件可以不通过 reconcile 生成 wip.child，而是直接复用上次更新生成的 wip.child...

三种情况 节点的位置没有变化 节点的增加或删除 节点的移动 实现思路： 两轮遍历， 第一轮遍历尝试复用所有节点 此情况最为常见，节点的位置没有变化(作为性能优化) 第一轮遍...

更新后为单节点 只有在 key 与 type 相同时 才能复用当前节点 其他情况都不能复用 实现思路： 找出比较节点的 key 与 type 相同则复用 删除其他不能复用的...

React Reconciler 是 React 内部用于协调和管理组件更新的模块。它的主要任务是根据组件的变化（如状态更新或属性更改），高效地计算出需要更新的部分，并将这...

什么是jsx JSX 是 JavaScript XML 的缩写，它允许我们在 JavaScript 代码中直接编写类似 HTML 的语法，从而更直观地描述 UI 结构...

FiberRootNode 在 React 的 Fiber 架构中，FiberRootNode 是一个关键的数据结构，它代表了整个 React 应用的根节点。FiberRo...

eslint ESLint 是一个用于识别和报告 JavaScript 代码中发现的模式的静态代码分析工具。它旨在帮助开发者发现和修复代码中的问题，从而提高代码质量和可维护...

安装react 程序 安装mobx mobx mobx-react-lite Browser 6 3 Modern browsers (IE 11+ in compatib...