互联网/IT行业面试题 · 性能优化 · React
互联网/IT行业相关面试题,按题目行业基础数据聚合。
共 47588 道真题 · 当前筛选命中 74 道 · 更新 2026-08-05
筛选题目已选:性能优化 · React
考察点
技术栈
第 21 题请针对使用 webpack 构建的 React 项目,谈谈你在加载性能和构建速度两个维度上的优化措施。 考察对前端工程化与运行时性能优化的系统性理解第 22 题请说明 React 组件 re-render 的触发机制,哪些场景会导致不必要的 re-render? 考察对 React 渲染机制的理解及性能优化意识第 23 题在 React 中,当 state 或 props 发生变化时,有哪些情况组件实际上不会重新渲染? 考察 React 渲染机制与性能优化的边界理解第 24 题在React中,渲染列表时给组件或节点添加key和不添加key有什么区别? 考察React列表渲染中key的作用及对性能的影响第 25 题请解释React为什么要引入Fiber架构?它解决了哪些核心问题? 考察对React架构演进动因和性能瓶颈的理解第 26 题请解释 React 中 useMemo 和 useCallback 的区别,并说明各自的使用场景。 考察对 React 性能优化 Hooks 的理解和应用能力第 27 题请介绍你在React项目中使用Hooks(如useState、useEffect)的实践,并说明如何处理常见的性能优化问题。 考察React Hooks的使用熟练度及性能优化能力第 28 题虚拟列表怎么实现?请分别说明等高和不等高(动态高度)场景的处理方式。 考察虚拟列表的核心原理及动态高度场景的通用处理思路第 29 题请谈谈你对 React Diff 算法的理解。 考察对虚拟 DOM 与 React diff 策略原理的掌握第 30 题Vue/React组件缓存怎么实现? 考察对前端组件缓存机制的理解与实际应用能力第 31 题useEffect怎么实现副作用的,怎么在卸载前取消订阅? 考察React副作用管理与清理函数的应用第 32 题useMemo、useCallback、React.memo的区别,以及在什么场景下使用? 考察React性能优化相关API的职责区分与适用场景第 33 题如果我在requestAnimationFrame里触发 setState,React是在这一帧内更新的吗 考察React状态更新的调度机制与时间点理解第 34 题写React代码过程中,有哪些可以优化性能的写法和注意点? 考察React性能优化的常用手段与适用边界第 35 题请解释什么是路由懒加载,它解决了什么问题? 考察对路由懒加载原理与性能优化作用的理解第 36 题在Fiber调度中,缓存(如workInProgress树)是如何设计与使用的? 考察对Fiber双缓冲缓存机制及其作用的理解第 37 题为了减少不必要的渲染次数,类组件可以用 shouldComponentUpdate,函数组件可以用什么来实现类似的优化? 考察对 React 函数组件渲染优化的理解与应用第 38 题React 组件的 INP(Interaction to Next Paint)比较长,如何优化? 考察对 INP 指标的理解及前端性能优化的系统思路第 39 题为什么前端在遍历的时候要给一个唯一的key,为什么不建议用index作为key? 考察对虚拟DOM diff策略、列表复用和渲染性能的理解第 40 题React的useEffect和useLayoutEffect有什么区别?两者哪个先执行? 考察对React副作用执行时机和场景选择的理解