2023金三银四来了！这几个月各个互联网大厂都会释放出大批社招的岗位出来，这个时候做好准备，去大厂、升职加薪的机会非常大！所以，不管你是社招还是校招，下面这份前端面试攻略，请收好。

(资料图片)

【文末获取】

字节前端小姐姐可内推（文末）不同于其他，工程师真的是一个终身学习的行业，尤其是前端领域，知识杂且多、网上资料还良莠不齐，想要靠自己梳理清楚确实不容易。这里给大家分享一份由字节3-1前端面试官整理的「2021大厂前端面试手册」，内容囊括Html、CSS、Javascript、Vue、HTTP、浏览器面试题\数据结构与算法。全部整理在下方文档中，共计238道，文档结构如下：JavaScript 深度剖析

充分掌握ES6-ES12新特性、相关⼯具、迭代器模式

掌握使⽤ Babel 编译、Polyfill 等⽅案处理新特性环境兼容问题

理解单线程下的 JavaScript 异步模式执⾏机制，根治此类⾯试题

掌握 JavaScript 处理异步任务的消息队列和事件循环，以及宏任务和微任务

理解 JavaScript 语⾔⾃有类型系统的不⾜以及相应的解决⽅案

前端工程化

理解前端⼯程化的定义及组成，以及对现代前端项⽬的重要性

理解脚⼿架⼯具的设计思想和⽬标，掌握通⽤型脚⼿架⼯具的使⽤及扩展

掌握如何设计并开发⼀款符合⾃⼰企业个性化需求的脚⼿架⼯具

掌握使⽤ Webpack 实现前端项⽬整体模块化的实践⽅式

掌握 Webpack 最核⼼的 Loader 和 Plugin 机制，并能够开发⾃定义扩展

Vue.js 框架源码与进阶

掌握 Vue Router、Vuex 等 Vue.js ⽣态下主要库的实现原理，⼿写源码

理解虚拟 DOM 机制，掌握 Diff算法的实现原理及⼯作过程

理解 Vue.js 的整体实现过程及相关源码、响应式机制、模板编译、组件实现机

制掌握如何开发符合企业个性化需求的 Vue.js 的组件库

掌握 Monorepo、Yarn workspace、Lerna、Storybook、Rollup、⾃动化测试

React 框架原理与实战

掌握 React 设计思想及优势，理解为什么⼤⼚更偏爱 React 技术栈

掌握 React 框架下的 Virtual DOM 实现原理与 Vue.js 框架的差异点

掌握 React 框架中的协调算法：Fiber、requestIdleCallback API

掌握⼤型 React 项⽬中不可避免的数据流管理⽅案：Redux 与 MobX

理解 Redux 核⼼模块实现原理，掌握⼿写 Redux 核⼼模块源码

Node.js全栈式开发

掌握 Node.js 平台下核⼼机制：⾮阻塞 IO、EventLoop、消息队列

掌握 Node.js 模块加载机制、第三⽅包机制、CommonJS 实现原理

掌握 Node.js 平台下⽹络编程、TCP/IP 协议、HTTP 服务搭建、Session 原理

掌握多进程 Node.js 应⽤开发以及 Node.js 集群搭建，结合 Nginx 反向代理服务

掌握 MongoDB、Redis 数据库的使⽤及 BFF 层中数据库的应⽤......

⼤⼚⾯试

狂扫 Leet Code 经典算法题，掌握前端常⻅数据结构与算法相关知识储备

掌握数据结构基础、了解常⻅前端算法

掌握 BATJ、TMD 常⻅⾯试题

附送一份「资料包】部分截图

PDF已经打包完毕，希望对大家有帮助！需要的小伙伴，下图自取！

关键词：