前端面试题

背景 项目存在多处重复业务逻辑：每个接口重复写 Loading、重复携带 Token、按钮频繁点击产生重复请求、接口错误分散处理、列表查询接口频繁请求相同参数浪费服务端资源。 为统一前端网络请求规范、

React 面试题大全 第一部分：React 基础概念 1. React 的核心概念是什么？ 核心思想：UI = f(state) 核心概念 说明 JSX JavaScript 语法扩展，编译为 Re

JavaScript 类型判断：instanceof 与 constructor 原理深度解析 一、前置知识：原型与原型链 在深入理解 instanceof 和 constructor 之前，需要先掌

前端 AI 面试题 1. 前端开发者需要了解的 AI 基础概念？ 2. 前端如何接入 LLM API？ 3. 什么是 Prompt Engineering？前端如何应用？ 4. 什么是 RAG（检索增

Vite 面试题 1. Vite 是什么？为什么比 Webpack 快？ Vite 是由尤雨溪开发的下一代前端构建工具，它利用浏览器原生 ES Module 支持和 esbuild 预构建，实现了极快

Webpack 面试题 1. Webpack 是什么？它的核心概念有哪些？ Webpack 是一个静态模块打包工具，它从一个或多个入口文件出发，递归地构建依赖图（dependency graph），然

浏览器与网络高频面试题 1. 从输入 URL 到页面显示发生了什么？⭐⭐⭐ 这是最经典的综合题，考察对整个网络请求和浏览器渲染流程的理解。 完整流程（8 大步骤） 阶段 步骤 关键细节 ① DNS 解

Node.js 高频面试题 1. Node.js 是什么？有哪些核心特点？ Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行时环境，让 JavaScript 可以运行

TypeScript 面试题 1. TypeScript 是什么？为什么要使用 TypeScript？ TypeScript 是由微软开发的 JavaScript 超集，它在 JS 基础上添加了静态类

微信小程序高频面试题 1. 小程序的目录结构和文件类型？ 文件类型 作用 类比 Web .wxml 页面结构模板 HTML .wxss 页面样式 CSS（支持 rpx 单位） .js 页面/组件逻辑

Vue2 高频面试题 1. Vue2 的响应式原理是什么？ Vue2 的响应式核心是 Object.defineProperty，通过 劫持对象属性的 getter/setter 来实现依赖收集和派发

Vue3 高频面试题 1. Vue3 的响应式原理（Proxy） Vue3 使用 Proxy 替代 Vue2 的 Object.defineProperty，实现了更强大、更高效的响应式系统。 核心：

Axios 高频面试题 1. Axios 是什么？有哪些核心特点？ Axios 是一个基于 Promise 的 HTTP 客户端，可以在浏览器和 Node.js 中使用。 特性 说明 Promise

ES6+ 高频面试题 1. let、const、var 的区别？ 这是 ES6 面试中出现频率最高的题目之一。 特性 var let const 作用域 函数作用域 块级作用域 {} 块级作用域 {}

JavaScript 高级面试题 1. 闭包是什么？有什么应用场景？ 闭包（Closure） 是指函数可以记住并访问其定义时的词法作用域，即使函数在其词法作用域之外执行。简单说：函数 + 它能访问的外

JavaScript WebAPI（进阶）高频面试题 1. DOM 是什么？ DOM（Document Object Model，文档对象模型） 是浏览器将 HTML/XML 文档解析为树形结构的编程

JavaScript 基础 高频面试题 1. 数据类型有哪些？如何判断数据类型？ 基本类型（7种，值类型）： string number boolean null undefined symbol（E

CSS 高频面试题 1. 盒模型是什么？标准盒模型和 IE 盒模型的区别？ 盒模型（Box Model） 是 CSS 中最基础的概念之一。每个 HTML 元素都可以看作一个矩形的盒子，由 4 层组成：

HTML 高频面试题 1. DOCTYPE 的作用是什么？ <!DOCTYPE> 声明位于 HTML 文档的第一行，它不是 HTML 标签，而是一条指令，用于告知浏览器当前文档使用哪个 HTML 版本

React Hooks 深度解析 1. useState 和 useReducer 的区别？ 对比项 useState useReducer 适用场景 简单独立状态 复杂关联状态 更新方式 setVa