你心里的于晏

面试官：Next.js（全栈/SSR 项目首选），谈谈你对Next.js的理解：我：我知道密码？你给我说说?

我有个 Dashboard 页面，大约 7 个接口请求，页面被拆成 6 个子组件。每个子组件在自己的 useEffect 里独立发请求——从业务角度来看这些请求本质上是并行的。我在思考要

最近失业了，面试面了一周，发现高频考点翻来覆去就这些，要么是网络基础、要么是 React 核心。。。，可是没啥用，已绝望，加入美团众包。

核心心智模型 这句话贯穿全文。 文章总览结构 1️. 一个你一定写过的“反直觉 Bug” 场景：计数器 + 打印最新值 现象 我把代码改为 然后观察发现 Effect 执行，依赖 count = 1

总览 1️. 一个真实的问题场景 我们先从一个完全真实、你一定写过的组件开始。 function ExpensiveList({ list }) { const total = list.reduce

1. useState 基础用法 关键点补充解释： useState 在组件首次渲染时初始化 后续渲染不会再次执行初始化函数 setCount 并不是“直接改值” ，而是： 这一点非常重要，后面所有“

掘金上关于 useEffect 的文章不少， 但真正把它 讲清楚、讲透、讲到你能写出可维护代码 的，其实不多😉😉😉。 今天哥们直接用几个你能马上复制运行的 Demo， 从最基础的依赖数组、清理副作用、

基础不牢、面试白考，快给我练起来！ #️⃣ 1. 闭包 —— 别背概念，用例子秒懂 闭包出现的关键： 👉 函数里返回一个函数，并引用了外部的变量。 最经典示例： 输出： 原因： var 只有函数作用域

#️⃣ 1. 变量提升：var vs let 输出： 原因： ✔ var 会变量提升（Hoisting） 声明提升，但值不会提升 → 所以打印为 undefined ✔ let / const 也会提