🎨

前端工程师面试

JS/TS · React · CSS · 浏览器原理 · 性能

6 科目前端 / 全栈工程师面试Intermediate

原创面试复习卡。前端技术演进很快，请以最新规范（MDN / W3C / React 官方）为准。

考试结构 · 点击右侧按钮生成该科目卡组

#01

JavaScript / TypeScript 基础

闭包 · 原型 · 异步 · 类型系统

closures and lexical scopeprototype chain and inheritanceevent loop (macrotask vs microtask)Promises vs async/awaitvar/let/const hoisting differences+2

#02

React 框架

hooks · 渲染机制 · 状态管理

useState vs useReduceruseEffect dependencies and cleanupReact reconciliationkey prop and list renderinguseMemo vs useCallback+2

#03

CSS & 布局

Flexbox · Grid · 响应式 · BFC

Flexbox main vs cross axisCSS Grid template areasz-index stacking contextsBFC (block formatting context)responsive units (rem/em/vw/vh)+2

#04

浏览器原理

渲染流水线 · 重排重绘 · 安全模型

critical rendering pathreflow vs repaintSame-Origin Policy and CORSXSS vs CSRFcookies vs localStorage vs sessionStorage+2

#05

性能优化

首屏 · 加载 · 运行时 · Core Web Vitals

LCP / CLS / INP metricscode splitting and lazy loadingimage optimization (webp / avif / srcset)tree shakingvirtualization for long lists+2

#06

行为题

团队协作 · 设计决策 · 学习

STAR frameworkconvincing the team to migrate frameworkstrade-off between perfect code and ship datehandling design vs engineering disagreementyour favorite project to date