常见问题分类汇总 | 小锅巴的个人博客

高频趋势

AI 前端、SSE 流式输出、RAG、Agent、MCP、Skill、AI Coding 成为 2026 面经中的高频新增方向。
中大厂依然高频考察 JavaScript 基础、事件循环、Promise、闭包、原型链、this、TypeScript。
React 方向重点集中在 Fiber、Hooks、memo/useMemo、事件机制、状态管理、虚拟 DOM 与 diff。
Vue 方向重点集中在 Vue2/Vue3 响应式差异、Proxy、nextTick、组件通信、watch/computed、Pinia。
网络方向高频覆盖 HTTP 版本演进、HTTPS/TLS、缓存、跨域、Cookie/JWT、SSE/WebSocket。
工程化方向高频覆盖 Vite/Webpack、Tree Shaking、Monorepo、微前端、组件库、性能监控。
手写题集中在 Promise、并发调度、防抖节流、数组/树/链表、事件总线、深拷贝、URL 解析、倒计时。

JavaScript 基础

类型、变量与相等判断

JavaScript 基本数据类型有哪些？如何判断？（京东零售 2025 已清理前旧题同类；字节广告交易 2026-05-18 一面；京东零售 2026-06 企业页同类题）
typeof、instanceof、Object.prototype.toString.call 的原理分别是什么？（字节 2026-04-13 一面）
如何判断一个对象是否为空对象？（秦丝科技 2026-04 笔试）
如何判断一个变量是不是数组？Array.isArray 和 instanceof 有什么差异？（淘宝闪购 2026-05 一面）
null 和 undefined 有什么区别？typeof null 为什么是 object？（百度 2026 前端同类题）
var、let、const 的作用域区别是什么？暂时性死区是什么？（淘宝闪购 2026-05 一面；TME 2026-04 一面）
== 和 === 有什么区别？隐式类型转换规则是什么？（淘宝闪购 2026-05 一面；东方财富 2026-04 一面）
0.1 + 0.2 为什么不等于 0.3？如何处理精度问题？（京东零售类问题；秦丝科技 2026-04 笔试）

闭包、作用域、this

什么是闭包？闭包有什么应用场景和缺点？（腾讯 TEG 2026-04 一面；携程 2026-04 一面；腾讯云智 2026-04 一面）
如何用通俗比喻解释闭包？（腾讯云 2026-03 二面）
使用闭包后页面变卡，如何排查？（字节番茄小说 2026-04 二面）
原型和原型链是什么？原型链顶层是什么？（腾讯 TEG 2026-04 一面；蔚来 2026-01 一面）
给一段原型链代码，判断输出结果。（蔚来 2026-01 一面）
this 绑定规则是什么？箭头函数和普通函数的 this 有什么区别？（哈啰 2026-03 一面；大麦 2026-02 电话面；字节番茄小说 2026-04 三面）
call、apply、bind 有什么区别？如何手写 bind/call？（字节 2026-04 工程化一面；小红书 2025 已清理前同类题）

数组、对象与拷贝

forEach 和 map 有什么区别？是否会修改原数组？（淘宝闪购 2026-05 一面）
数组有哪些常见方法？pop、unshift、map、slice 如何应用？（华硕 2026-01 面试）
深拷贝和浅拷贝是什么？有哪些实现方式？structuredClone 用过吗？（淘宝闪购 2026-05 一面；东方财富 2026-04 一面）
如何展平多层嵌套数组？（字节风控 2026-03 一面；快手 2026-03 一面手写）
如何实现数组分组函数？（袋鼠云 2026-03 一面）
如何实现数组去重、排序、合并？（快手电商 2026-03 一面）

异步、Promise 与事件循环

事件循环

JS 事件循环是什么？宏任务、微任务执行顺序如何判断？（虾皮 2026-01 一面；腾讯 PCG 2026-03 一面；东方财富 2026-04 一面）
浏览器和 Node.js 的事件循环有什么差异？（TME 2026-04 一面；环界云 2026-03 一面）
给事件循环代码判断输出，涉及 Promise、setTimeout、setInterval。（TME 2026-04 一面；美团 2026-12 清理前同类；哈啰 2026-01 一面）
requestAnimationFrame 和 requestIdleCallback 的执行时机是什么？（TME 2026-10 清理前同类；有赞 2026-01 汇总）
如果想把代码逻辑放进下一个事件循环，怎么做？（快手 2025 清理前同类；2026 同类在多场出现）

Promise 与 async/await

Promise 状态有哪些？如何流转？链式调用原理是什么？（字节 2026-03 Promise/AI 一面）
Promise 常用 API 有哪些？Promise.all 和 Promise.allSettled 有什么区别？（小红书 2026-01 一面；MiniMax 2026-02 一面）
手写 Promise.all，需要如何判断 resolve 时机和错误处理？（小红书 2026-02 一面）
async/await 和 Promise 有什么关系与区别？（字节 2026-03 Promise/AI 一面）
三个互不依赖的请求，用 async/await 和 Promise 分别怎么写？（字节 2026-03 Promise/AI 一面）
Promise 中包含 setTimeout、throw、new Error 时输出顺序如何？（TME 2026-04 一面）
如何做 Promise 并发控制？（阿里云 AI 应用 2026-03 一面；字节番茄小说 2026-03 一面）
Promise 红绿灯题如何设计？（Bilibili 2026-03 一面）

HTML、CSS 与浏览器渲染

HTML 与浏览器流程

从输入 URL 到页面呈现发生了什么？（腾讯企业微信 2026-05 一面；合合信息 2026-04 群面；蔚来 2026-01 一面）
浏览器如何解析、渲染页面？（深圳超频链接 2026-03 一面；网易 2026-05 一面）
HTML 语义化是什么？为什么使用语义化标签？（正泰电气 2026-04 一面；合合信息 2026-04 群面）
meta 标签有哪些作用？（Bilibili 2026-03 一面）
script 的 async 和 defer 有什么区别？（腾讯 WXG 2025 已清理前同类；字节风控 2026-03 一面）
img 标签请求资源的过程是什么？（字节番茄小说 2026-03 一面）

CSS 布局与样式

CSS 盒模型是什么？box-sizing 可以设置什么？（腾讯 TEG 2026-04 一面；字节风控 2026-03 一面；万兴科技 2026-02 一面）
BFC 是什么？如何触发？有哪些使用场景？（携程 2026-04 一面；字节番茄小说 2026-04 二面）
如何实现水平垂直居中？（腾讯 TEG 2026-04 一面；美团 2026-04 一面；TME 2026-04 一面）
Flexbox 基本原理是什么？flex-grow、justify-content、align-items 如何使用？（美团 2026-04 一面；拓竹 2026-03 一面）
Grid 布局了解吗？适合什么场景？（京东日常 2025 已清理前同类，2026 多场同类）
三栏布局如何实现？grid 和 flex 如何选择？（小红书 2026-02 一面）
px、em、rem、vw、vh 有什么区别？（字节番茄小说 2026-04 三面；字节 2025 清理前同类）
rem 适配如何做？移动端如何 debug？（网易 2026-05 一面；MetaApp 2026-03 一面）
CSS 如何实现暗黑模式切换？（腾讯 WXG 2026-05 一面）
CSS 选择器优先级如何计算？（字节一面同类；滴滴 2026-12 清理前同类）
回流和重绘是什么？如何减少？transform 会触发回流吗？（合合信息 2026-04 群面；蓝色光标 2026-03 一面；万兴科技 2026-02 一面）
伪类和伪元素有什么区别？（滴滴 2026 相关同类题）

CSS 动画与交互

CSS 如何实现动画？（淘天搜推 2025 清理前同类；MetaApp 2026-03 抛物线动画）
CSS 抛物线动画如何实现？（MetaApp 2026-03 一面）
如何实现 ChatGPT 类似的打字机光标闪烁效果？（MiniMax 2026-02 一面）

Vue

响应式与渲染

Vue2 和 Vue3 有什么区别？（蔚来 2026-01 一面；腾讯新闻 2026-03 一面；淘宝闪购 2026-05 一面）
Vue2 和 Vue3 响应式原理分别是什么？Object.defineProperty 和 Proxy 有什么区别？（小红书 2026-02 一面；安恒信息 2026-02 线上面；字节 2026-04 一面）
Vue3 Proxy 的 track、trigger、effect 分别是什么？（字节 2026-04 一面）
Vue 的数据响应式详细说一下。（小红书 2026-02 日常实习一面凉经）
Vue2 对 Object.defineProperty 做了哪些完善？（小红书 2026-02 日常实习一面凉经）
假如空数组修改为字符串，Vue2 和 Vue3 能监听到吗？（小红书 2026-02 日常实习一面凉经）
Vue 的 nextTick 原理和作用是什么？降级方案是什么？（小红书 2026-02 一面；滴滴 2026-04 一面）
Vue diff 原理是什么？（滴滴 2026-04 二面）
Vue key 的作用是什么？（蓝色光标 2026-03 一面）

组件通信与状态管理

Vue 组件通信方式有哪些？父子、兄弟、跨层级分别怎么通信？（网易 2026-05 一面；袋鼠云 2026-03 一面；TME 2026-04 一面）
props 能否在子组件里直接修改？为什么？（淘宝闪购 2026-05 一面）
v-if 和 v-show 的区别是什么？（蓝色光标 2026-03 一面；淘宝闪购 2026-05 一面）
watch 和 computed 有什么区别？（网易 2026-05 一面）
watch 原理是什么？（腾讯 TEG 2026-04 一面）
Pinia 设计思想是什么？为什么选择 Pinia？（深睿医疗 2026-03 一面；京东 2026-04 一面；多场项目追问）
Vuex 和 Pinia 有什么区别？（美团 2026-12 清理前同类；2026 多场状态管理同类）
keep-alive 的作用和原理是什么？（美团 2026-04 一面；蓝色光标 2026-03 一面）

React

React 基础与 Fiber

如何理解 React？React 有哪些优缺点？（质谱华章 2026-05 一面）
React 和 Vue 有什么区别？如何做选型？（小红书 2026-01 一面；淘宝闪购 2026-05 一面；哈啰 2026-03 一面）
React Fiber 架构是什么？核心设计思想是什么？（小红书 2026-01 一面；字节番茄小说 2026-03 一面；快手 2026-05 日常实习一面）
Fiber 的时间优先级如何实现？（小红书 2026-01 一面）
Fiber 为什么有两棵树？虚拟 DOM 和 diff 更新流程是什么？（字节中国广告与交易 2026-05 一面）
React Diff 算法如何工作？（质谱华章 2026-05 一面；拓竹 2026-03 一面）
React 事件机制是什么？React 事件和 DOM 事件有什么不同？（携程 2026-04 一面；腾讯 AI 面摘要）

Hooks 与组件优化

React 常见 Hooks 有哪些？useEffect 第二个参数不同取值分别代表什么？（快手电商 2026-03 二面；哈啰 2026-01 一面）
React Hooks 原理是什么？为什么和链表结构有关？（快手电商 2026-05 一面）
useMemo、useCallback、React.memo 分别解决什么问题？（快手电商 2026-03 二面；质谱华章 2026-05 一面）
useEffect 和 useLayoutEffect 有什么区别？（TME 2026-04 一面同类）
如何实现自定义 Hook？自定义 Hook 和 utils 方法有什么本质区别？（快手 2026-05 暑期一面）
高阶组件是什么？和普通组件有什么区别？（小迈科技 2026-04 一面）
React Native 和原生应用如何通信？（滴滴 2026-04 一面）

TypeScript

TypeScript 和 JavaScript 有什么不一样？（中科星图 2026-04 面试；上海威派格 2026-05 面试）
type 和 interface 有什么区别？（小红书 2026-03 一面；快手电商 2026-05 一面；字节中国广告与交易 2026-05 一面）
TypeScript 工具类型有哪些？（小红书 2026-01 一面）
TypeScript 高级类型有哪些？（阿里云 AI 应用 2026-03 一面；快手电商 2026-05 一面）
如何把属性改为非必填？如何删除接口中的某个属性？（TME 2026-04 一面；字节番茄小说 2026-04 二面）
泛型是什么？项目中哪里用过？（小迈科技 2026-04 一面；字节中国广告与交易 2026-05 一面）
是否了解 TypeScript 类型体操？（字节中国广告与交易 2026-05 一面）
TypeScript Decorators 的用途和适用场景是什么？（云象科技 2026-01 面试）

网络协议、缓存与安全

HTTP / HTTPS / TCP / UDP

HTTP 常见状态码有哪些？（蔚来 2026-01 一面；小迈科技 2026-04 一面）
HTTP/1.1、HTTP/2、HTTP/3 有什么区别？（小红书 2026-01 一面；TME 2026-04 电话三面；字节中国广告与交易 2026-05 一面）
HTTP/3 使用 UDP 如何保证可靠性？（字节番茄小说 2026-03 一面）
HTTPS 为什么安全？TLS 握手和加密流程是什么？（字节中国广告与交易 2026-05 一面；腾讯 TEG 2026-04 一面）
证书是什么？客户端如何校验证书合法性？证书存在哪里？（字节番茄小说 2026-04 二面；字节中国广告与交易 2026-05 一面）
TCP 三次握手、四次挥手是什么？为什么是三次和四次？（蔚来 2026-01 一面；深圳超频链接 2026-03 一面；字节中国广告与交易 2026-05 一面）
TCP 和 UDP 有什么区别？腾讯会议这类音视频更适合哪种？（深圳超频链接 2026-03 一面）
TCP 可靠机制、拥塞控制、流量控制、慢启动、快速重传是什么？（小红书 2025 清理前同类；2026 二面同类）
HTTP、WebSocket 分别属于网络模型哪一层？（字节中国广告与交易 2026-05 一面）

缓存与存储

强缓存和协商缓存是什么？相关请求头有哪些？（字节风控 2026-03 一面；蔚来 2026-01 一面）
浏览器缓存机制是什么？（东方财富 2026-04 一面；腾讯 WXG 2026-05 一面）
cookie、localStorage、sessionStorage 有什么区别？大小和生命周期分别如何？（华硕 2026-01 面试；腾讯 WXG 2026-05 一面；网易 2026-05 一面）
localStorage 存满后如何处理？（Bilibili 2026-03 一面）
httpOnly 是什么？JavaScript 能否获取 cookie？（网易 2026-05 一面；腾讯 WXG 2026-05 一面）
cookie 的 SameSite 是什么？（腾讯 WXG 2026-05 一面）
cookie 有效期内，后端想让它失效怎么实现？（腾讯 WXG 2026-05 一面）
IndexedDB、Dexie、本地数据库如何用于离线存储？（腾讯 PCG 2026-03 二面；虾皮 2026-01 一面）

跨域与安全

跨域是什么？同源策略是什么？CORS 如何解决？（字节风控 2026-03 一面；深圳超频链接 2026-03 一面；美团 2026 多场同类）
反向代理如何解决跨域？（美团本地商业同类；上海银行同类）
XSS 和 CSRF 是什么？如何防范？（腾讯 PCG 2026-03 一面；腾讯云智 2026-04 一面；腾讯企业微信 2026-05 一面）
JWT 如何保护用户安全？为什么不能被篡改？（腾讯 PCG 2026-03 二面；字节风控 2026-03 一面）
双 Token / RefreshToken 无感登录如何实现？RefreshToken 也过期怎么办？（快手 2026-05 一面；字节番茄小说 2026-03 一面）
微服务鉴权应该放在哪一层：网关、登录中台还是业务服务？（快手 2026-05 一面）
token 应该存在哪里？localStorage、cookie、sessionStorage 如何取舍？（京东 2026-04 一面；腾讯 PCG 2026-03 二面）