Skip to content

个人博客

Main Navigation 导航

基础

框架

面试题合集

首页

🔥React高频面试题

🔥VUE高频面试题

前言：理解Vue的响应式思维

Vue设计哲学与核心理念

Composition API与响应式系统

🔥JavaScirpt系列知识点

1. var,let,const 有什么区别？

6.对象遍历方式对比（for in、Object.keys、Reflect）

14. bind、call、apply的底层原理

15. 立即执行函数 IIFE 是怎么工作的？

16. 纯函数、副作用与函数式编程初识

17. 手写 bind 实现

18. 手写柯里化函数

19. “面试常问函数题”合集（组合、记忆化）

20. setTimeout 和 setInterval 的陷阱

21.事件循环（Event Loop）完整解析

22. Promise 基本语法 + 错误捕获

23. async、await 的底层运行机制

24. Promise.all 、 allSettled 、race 、any 用法对比

25. 手写一个简化版 Promise

26. 实战：用 Promise 重写 setTimeout 任务队列

27. 实战：Async、await 错误处理的 3 种方式

28. “异步题大汇总”：输出顺序、陷阱解析

33. Object.create 是怎么实现继承的？

34. class 是语法糖吗？背后发生了什么？

35. JS 中常见继承方式对比总结

36. 如何模拟类的 private 属性？

37. 实现一个简化版 EventEmitter

38.实现 Array.prototype.map、reduce

39. 模拟实现 LRU 缓存

40. 实现一个 JSON.stringify

41. 实现一个深比较 isEqual 函数

42. 手写 debounce + throttle 的组合封装

43. 实现一个发布订阅系统（观察者模式）

44. JS 内存泄漏场景与排查

45. 性能优化技巧合集：懒加载、预加载、长列表优化

46. JS 单线程模型的本质与浏览器协作机制

47. setTimeout 最小延迟是多少？浏览器如何处理嵌套定时器？

48. 事件委托的本质与优势场景

49. 什么是执行栈（Call Stack）？如何造成栈溢出？

50. eval、with 等为何不推荐使用？

51. script 标签位置的性能影响：为什么建议写在 body 末尾？

52. 浏览器中的同源策略与 JS 的关系

53. 什么是 XSS、CSRF？如何从 JS 层面避免？

54. CSP（内容安全策略）介绍：如何防止注入类攻击

55. JS 调试能力提升技巧：断点调试、trace、performance 标签使用

🔥浏览器原理核心知识点

一、渲染流程与性能优化

二、DOM与事件模型

三、异步、网络与安全

🔥TypeScript核心知识点

1.TypeScript 入门：它如何与 JavaScript 协同工作？

2.理解基础类型

3.数组 (Array) 与元组 (Tuple)

15.类型守卫 (Type Guards)

16.泛型

17.泛型约束

18.实用工具类型 (Utility Types)

19.类与访问修饰符

20.抽象类 (Abstract Classes)

JavaScript 基础

JavaScript 进阶

内置对象

面向对象

DOM

BOM

本地存储

汇总

排序算法

ES6

Node

数据库

2d

3d

外观

Sidebar Navigation

首页

CSS面试题库（44题）

🔥React高频面试题

第一部分：React 基础与核心思想

如何理解UI=f(state)这个公式？

虚拟DOM是什么？它解决了哪些实际问题？

为什么说 JSX 不仅仅是模板语法，而是一种 JavaScript 的扩展？

函数组件和类组件的本质区别究竟是什么？

React 为什么如此强调 Props 的不可变性？

React 的 Fiber 架构主要是为了解决什么问题？

React 中的 key 属性有什么作用？

React 的事件机制和合成事件是如何工作的？

受控组件和非受控组件有什么区别？应该在什么场景下选择使用它们？

为什么在React中“组合优于继承”

React 的严格模式 (StrictMode) 有什么作用？

第二部分：React 状态管理方案

useState 的更新是“异步”的吗？

使用 useState 的函数式更新方式能带来哪些好处？

状态提升的优缺点

useReducer 相比useState优势体现在哪？

如何优化useContext带来的性能问题？

说一下Redux的核心思想？

为什么说 Immer.js 在现代 Redux 生态中扮演着如此重要的角色？

说说Redux的中间件（Middleware）的工作机制

你是否了解像 Zustand、Jotai 这类新兴的状态管理库？它们各自有什么特点？

SWR 与 React Query：它们到底解决了什么问题？

你是如何理解 Signals 的？它与 React 现有的状态管理方式有何不同？

第三部分：React Hooks 深度解析

useEffect 的执行时机具体是什么时候？它和 useLayoutEffect 有什么核心区别？

解释一下 useEffect 的依赖项？它背后的原理是什么？

在 useEffect 中，如何正确地处理异步请求并避免竞态条件（Race Condition）？

什么时候使用 useCallback 和 useMemo？如果滥用它们会带来什么后果？

useRef 有哪些常见的应用场景？

forwardRef 和 useImperativeHandle 怎么用，解决了什么问题？

如何解决 SSR 场景下的 ID 冲突和可访问性问题的（useId)？

useTransition 和 useDeferredValue 是如何优化用户体验的？它们之间有什么区别？

在设计自定义 Hooks 时，有哪些重要的原则和最佳实践？

解释一下 React Hooks 的执行顺序和依赖规则

第四部分：React性能优化与新特性

React 18 中的自动批处理 Automatic Batching 如何工作？

React 19 中的 Activity 组件与 Suspense 有什么区别？

说一下React 19 use Hook的工作原理

说一下React 19 对表单处理的改进：useActionState 和 useFormStatus？

React 19 中如何直接在组件中渲染 meta 标签和样式表？

React 19 特性： ref 作为 prop 传递