字节内部前端开发手册（完整版）开放下载！

左手的ㄟ右手 2022-09-10 12:09 204阅读 0赞

**秋招已经开始，准备刷题了吗~**

金九银十的招聘旺季已经开启！各个互联网大厂都会释放出**大批社招的岗****位**出来，这个时候做好准备，去大厂、升职加薪的**机会**非常大！所以，不管你是社招还是校招，下面这份**前端面试攻略**，请收好。

![eb47d5166ec4270acf5c0d40051b3d2c.png][]

**字节前端小姐姐可内推（文末）**

不同于其他，工程师真的是一个终身学习的行业，尤其是前端领域，知识杂且多、网上资料还良莠不齐，想要靠自己梳理清楚确实不容易。

这里给大家分享一份由**字节3-1前端面试官整理的****「202****1大厂前端面试手册」**，内容囊括Html、CSS、JavaScript、Vue、HTTP、浏览器面试题\\数据结构与算法。全部整理在下方文档中，共计**238道，****文档结构如下：**

**JavaScript 深度剖析**

*  充分掌握ES6-ES12新特性、相关⼯具、迭代器模式
 *  掌握使⽤ Babel 编译、Polyfill 等⽅案处理新特性环境兼容问题
 *  理解单线程下的 JavaScript 异步模式执⾏机制，根治此类⾯试题
 *  掌握 JavaScript 处理异步任务的消息队列和事件循环，以及宏任务和微任务
 *  理解 JavaScript 语⾔⾃有类型系统的不⾜以及相应的解决⽅案

![4f933371dd223e32810f8838b240c0bf.png][]

**前端工程化**

*  理解前端⼯程化的定义及组成，以及对现代前端项⽬的重要性
 *  理解脚⼿架⼯具的设计思想和⽬标，掌握通⽤型脚⼿架⼯具的使⽤及扩展
 *  掌握如何设计并开发⼀款符合⾃⼰企业个性化需求的脚⼿架⼯具
 *  掌握使⽤ Webpack 实现前端项⽬整体模块化的实践⽅式
 *  掌握 Webpack 最核⼼的 Loader 和 Plugin 机制，并能够开发⾃定义扩展

**Vue.js 框架源码与进阶**

*  掌握 Vue Router、Vuex 等 Vue.js ⽣态下主要库的实现原理，⼿写源码
 *  理解虚拟 DOM 机制，掌握 Diﬀ算法的实现原理及⼯作过程
 *  理解 Vue.js 的整体实现过程及相关源码、响应式机制、模板编译、组件实现机制
 *  掌握如何开发符合企业个性化需求的 Vue.js 的组件库
 *  掌握 Monorepo、Yarn workspace、Lerna、Storybook、Rollup、⾃动化测试

![a875480b4422bcd120997729d9a11207.png][]

**React 框架原理与实战**

*  掌握 React 设计思想及优势，理解为什么⼤⼚更偏爱 React 技术栈
 *  掌握 React 框架下的 Virtual DOM 实现原理与 Vue.js 框架的差异点
 *  掌握 React 框架中的协调算法：Fiber、requestIdleCallback API
 *  掌握⼤型 React 项⽬中不可避免的数据流管理⽅案：Redux 与 MobX
 *  理解 Redux 核⼼模块实现原理，掌握⼿写 Redux 核⼼模块源码

![ae24befd73544796d755206d23bfe294.png][]

**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 常⻅⾯试题

![a83b16d0502c8b82b908d11775113b69.png][]

**附送一份「高级前端工程师必备资料包」**

![556b5990a6f895f9e1d63f1d7503e9fc.png][]

**注：含答案！篇幅有限，完整版已打包，扫码免费获取。**

![3aa4497fc5c67a09d4f48f411a97d7dc.png][]

**加微信备注****内推****，秋招快人一步！**

[eb47d5166ec4270acf5c0d40051b3d2c.png]: /images/20220829/e1dd577156ce4d66a4a395a5c14055d5.png
[4f933371dd223e32810f8838b240c0bf.png]: /images/20220829/7b1be44cf23a4ad98a58917fb9596d85.png
[a875480b4422bcd120997729d9a11207.png]: /images/20220829/bcc2a983922a44daa9a408bd5fcbcd55.png
[ae24befd73544796d755206d23bfe294.png]: /images/20220829/63720c47807b4cda8d94e5c575121371.png
[a83b16d0502c8b82b908d11775113b69.png]: /images/20220829/51ec2c1d6cdc4dd991ea21e31c8e46c6.png
[556b5990a6f895f9e1d63f1d7503e9fc.png]: /images/20220829/df0a7456b6d148fc987050f5f51992d4.png
[3aa4497fc5c67a09d4f48f411a97d7dc.png]: /images/20220829/a7838f5577734db7b33c74d1e1f03c3f.png