光影少年

这是 React 面试里非常高频的问题。你有前端经验，直接从本质、解决的问题、区别、依赖陷阱、实际场景理解会更快。 一、先理解 React 为什么会有 useMemo / ...

useRef 是 React 中非常常用的 Hook，核心特点： 主要有三个用途：获取 DOM、保存可变数据、和 createRef 的区别。 1. 获取 DOM 元素（最...

useState 是 React Hooks 中最核心的 Hook 之一。 你可以把它理解成： 很多人会背： 但真正面试或者深入开发时，更重要的是理解： useState ...

1. 两个数组的交集 解题思路 这题重点： 例如： 结果： 因此： 因为 Set 会去重。 方法1：Map 计数（推荐） 时间复杂度： 答案 2. 滑动窗口最大值 解题思路...

React 常用 Hooks：用法 + 场景总结 React Hooks 是函数组件中管理“状态、生命周期、性能优化、组件通信”等能力的核心工具。 1. useState ...

useEffect 和 useLayoutEffect 都是 React 的副作用 Hook，但它们最大的区别是： 一句话理解 useEffect 👉 页面渲染完成后异步...

useEffect 是 React 函数组件中最核心、也最容易“似懂非懂”的 Hook 之一。 它的本质： 所谓“副作用（Side Effect）”，指的是： 请求接口 操...

在 React 中，函数组件的执行顺序和“为什么会执行两次”是很多人升级到 React18 后最容易困惑的问题之一。 一、React18 函数组件执行顺序 先看一个典型例子...

React16 ～ React19 类组件完整生命周期（挂载 / 更新 / 卸载） React 类组件生命周期在 React16 之后变化非常大： React15：旧生命周...

在 React 里，“单向数据流（One-Way Data Flow） ” 是最核心的思想之一。 简单理解： 一、先用一句话理解 React 中： 数据像水流一样： 只能从...

一、Props 是什么？ Props（properties）是： 特点： 外部传入 子组件只能使用 不能修改 用于组件之间通信 示例： 这里： 就是父组件传给子组件的 pr...

一、核心区别（一句话版本） 命令式编程：告诉程序“怎么做”（步骤） 声明式编程（React） ：告诉程序“我要什么结果” 二、用一个直观例子对比 🧱 场景：点击按钮切换文...

一、函数组件 vs 类组件 1️⃣ 函数组件（Function Component） 本质：就是一个函数，接收 props，返回 JSX 👉 现在主流写法（配合 Hook...

一、虚拟 DOM（Virtual DOM） 1. 是什么 虚拟 DOM 本质就是一个 JS 对象，用来描述真实 DOM 结构。 例如 JSX： 会被转换成类似： 2. 为什...

一、整体思路 Webpack 构建性能问题通常分为两类： 构建速度慢（build time）：包括初次构建、增量构建（开发模式 HMR）。 打包体积大（bundle siz...

一、TypeScript开发框架是什么？ TypeScript 开发框架，本质上是指： 关键点： TypeScript：JavaScript 的超集，提供类型系统和编译期检...

1️⃣ 页面渲染优化（整体性能） 核心目标：减少渲染时间、提升首屏速度、避免卡顿 资源优化 压缩 JS/CSS/图片（Webpack、Terser、imagemin） 按需...

一、最核心：减少不必要的渲染 这是 React 性能优化的本质。 1. React.memo 函数组件避免重复渲染： 👉 适用于： props 不常变 纯展示组件 2. ...

前端里的 SSR（Server-Side Rendering） 和 SSG（Static Site Generation） 本质都是“提前把页面 HTML 准备好”，但它们...