前端面试必刷题单

一、JS基础必刷题（必刷！刷40题左右）

前端的根基！面试官一上来就问，基础不牢，后面全白搭，这部分必须吃透，不能偷懒！

重点刷这些：变量提升、原型链、闭包、this指向（必考！）、箭头函数与普通函数区别、异步编程（Promise、async/await，高频中的高频）、数组方法（map、filter、reduce，不仅要会用，还要懂原理）、深浅拷贝、类型转换、事件冒泡与捕获。

刷题建议：每天1-2题，不用刷太多，重点是理解，比如闭包的作用和坑、this指向的各种场景，刷完能自己讲明白，比死记硬背强10倍！

二、HTML+CSS必刷题（基础加分，刷20-30题）

别觉得这部分简单就忽略！很多人栽在这，尤其是大厂，会深挖细节，比如盒模型、布局这些，必须掌握！

重点刷这些：盒模型（标准盒+怪异盒）、Flex布局、Grid布局、定位（position，必考）、浮动与清除浮动、响应式布局、CSS选择器优先级、伪类与伪元素、CSS动画（transition、animation）、常见兼容性问题。

刷题建议：20-30题足够，重点是实操，比如用Flex实现三栏布局、用Grid做响应式，面试时可能会让你现场写代码，一定要动手练！

三、算法与编程必刷题（大厂必考，刷50题左右）

前端不用刷太复杂的算法，但基础的必须会，手撕代码是面试必经环节，别抱有侥幸心理！

重点刷这些：数组相关（去重、排序、扁平化、两数之和）、字符串相关（反转、匹配、最长回文子串）、DOM操作（获取元素、事件绑定、节点操作）、简单递归、防抖与节流（必考！）、深拷贝实现、Promise封装。

刷题建议：LeetCode简单+中等难度，每天2题，优先刷前端高频题型，不用刷贪心、动态规划那些难的，重点是能独立手写代码，掌握最优解法。

四、框架必刷题（拉开差距，刷30-40题）

现在面试，Vue/React至少会一个，这部分是加分关键，也是区分新手和有经验者的核心，必须重点刷！

Vue重点：Vue2 vs Vue3区别、响应式原理（Object.defineProperty vs Proxy）、组件通信、Vuex/Pinia、生命周期、指令用法、Composition API、路由（vue-router，跳转、守卫）。

React重点：虚拟DOM原理、Diff算法、组件生命周期、Hooks（useState、useEffect，必考）、Props与State、组件通信、React Router、Redux。

刷题建议：30-40题，结合框架实操，比如用Vue3写一个简单组件、用React Hooks实现防抖，不仅要懂原理，还要会实际应用。

五、工程化&面试场景题（锦上添花，刷20题左右）

中小厂可能问得少，但大厂必问，能体现你的工程能力，刷完这些，通过率直接翻倍！

重点刷这些：webpack基础配置、工程化流程、性能优化（页面加载优化、渲染优化、JS优化）、跨域问题及解决方法、前端安全（XSS、CSRF）、浏览器渲染机制。

刷题建议：20题左右，重点是理解流程和解决方案，比如跨域的几种方法、webpack打包优化技巧，面试时能有条理地说出来就可以。

最后避坑提醒

1. 不追求刷题数量，追求“刷透”！一道题搞懂原理，能举一反三，比刷100道半懂不懂的题有用；
2. 刷题时一定要动手写，别只看答案，尤其是JS、CSS和算法题，手写多了，面试时才不慌；
3. 面试前1周，把刷过的题快速复盘一遍，重点看易错点，避免遗忘。