前端面试

Java对象是封装数据和行为的核心编程单元，通过构造函数创建并经历严格的初始化过程。方法重载提供灵活的多态支持，而null引用需要谨慎处理。

通过本文的介绍，我们深入探讨了 React 中 `useEffect` 的 cleanUp 机制。`useEffect` 的 cleanUp 逻辑是 React 内部实现的关键部分

本节课我们来实现一下useEffect中的cleanUp，它会再调用useEffect之前调用，目的是清空所有副作用，当deps为空的时候不会调用cleanUp。 app.js cleanUp的存放，

实现 Mini-React 的 useEffect 钩子：从单次执行到依赖追踪 内容概括： 本文实现了 Mini-React 的 useEffect 钩子，首先处理无依赖项的基本回调执行，通过在 co

本次课程我们来开始实现一下mini-react中的useEffect。我们先来是先最简单的，没有依赖的情况。 在app.js加上useEffect 创建函数，先存起来参数 调用时机 应该在dom的渲染

通过增强useState的setState函数，在状态更新前进行精准值比较（使用Object.is），当新状态与当前状态相同时直接中止更新流程。这一优化解决了设置相同状态值仍触发重渲染的问题

本节内容主要是对mini react做一个优化。 现状app.js一开始是bar点击设置成bar还是会重复渲染 进行检测

本文通过50行代码实现了React useState的核心逻辑，解决了多状态管理的核心挑战。关键在于使用数组结构和索引追踪来维护多个状态钩子，保证状态更新的准确性和隔离性。

本次课程我们来实现我们mini react项目中的useState. 期望实现的效果 app.js 能正常展示出数据 实现数据的修改 实现多个hooks的情况 app.js 现在出现问题,这是因为现在

本文介绍了如何优化自研 Mini React，使组件在更新时只重新渲染自身，避免整棵树无效更新。通过记录当前组件的 Fiber 并利用闭包返回独立的更新函数，实现了组件级别的精细化渲染，有效提升性能。

本次课程我们来优化下目前的代码，目前我们在更新子组件的时候其它组件也会更新，会造成不必要的性能浪费。 问题现状 初始app.js 点了按钮之后每一个组件都会进行渲染 期望每一个组件单独更新 出现问题的

本次实践解决了 mini-react 中因 JSX 条件渲染返回 false 导致 Fiber 构建异常的问题，核心在于正确过滤无效节点并保障 sibling 链接关系。

本次课程我们来处理一个edge case. 代码如下，现在运行会报错。 尝试定位问题 打印一下child，出现false，找到了问题点，false不是textNode也不是对象节点 额外处理,fals

本节我们实现了 Fiber 更新过程中的“多余子节点删除”逻辑，确保新旧节点数量不一致时能正确更新 DOM。通过 while 循环收集所有多余旧节点并加入删除队列，有效解决节点残留问题。

本节课我们去实现一下更新中的另外一个场景，当新的节点比老的短，多出来的节点需要删除掉。 构建例子App.tsx 发现点击之后child没有删除 通过图去理解 新的节点链表多出来了但是没处理 额外去处理

本节课我们来学习一下mini-react中的更新和删除，核心就是当type不一致删除旧的创建新的。 举个例子如下图 div变成p 添加测试代码App.jsx 现在没有实现删除，发现效果如下图 删除策略

本文讲解了在 mini-react 中实现组件更新和删除的过程。通过比较旧新节点的 type 实现替换策略，借助 deletions 队列实现统一删除，并对函数组件做了特殊处理

本文实现了Mini-React的props更新机制：1) 通过currentRoot记录当前树；2) 使用alternate对比新旧节点；3) 在commit阶段根据effectTag执行DOM操作

这节课我们来实现一下mini-react中的更新props。 第一步. 我们需要得到新的Dom树 更新想要获得Dom树可以和初始化一样通过render函数 但是这里更新，需要知道自动root和cont

本文介绍了在 mini - react 中实现事件绑定的方法。首先在 Counter 组件中添加了点击事件，并通过打印 Fiber 来观察 DOM 结构。