谈谈前端大厂面经：字节跳动三面，竟一次性过！

快来打我* 2022-10-09 00:37 271阅读 0赞

### 写在开篇 ###

2021半年过去了，这半年经历了很多。过去的半年里，“熬”算是这个阶段我的关键字，确实太多时候就要放弃，好在自己“熬”过去了，也算是一个很好的开始，收获了心仪的offer。

简单来说，就如标题一样，聊聊前端大厂面经，或许大厂的面试也没有想象中的那么难，希望这份面经能够给要面试的朋友提供一些帮助。

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1FJQU5EWFg_size_16_color_FFFFFF_t_70_pic_center]

### 字节跳动三轮面试 ###

**—— 字节一面**

第一面相对来说要简单一些的，所以整个过程中心态是放得比较平稳的，没有太多紧张感，这一轮主要是考察基础。

*  自我介绍

**①CSS相关知识**

*  css选择器优先级

**②JavaScript相关知识**

*  js闭包概念，应用（防抖，节流）
 *  Event Loop（事件循环） 读代码
 *  什么是虚拟DOM？
 *  Promise
 *  请为所有数组对象添加一个 flatten() 方法，返回其扁平结构

**③HTTP相关知识**

*  http头设置什么可以用来获取用户ip地址？
 *  http状态码知道哪些，分别代表什么？

**④浏览器相关知识**

*  浏览器路由？
 *  后端返回HTML到显示在浏览器中间发生了什么？

**⑤Vue相关知识**

*  Vue数据响应式怎么实现的？
 *  谈一下Vue的 Diff 算法

**—— 字节二面**

*  自我介绍
 *  平时怎么学习前端的？
 *  三栏布局有哪些实现方式？
 *  返回匿名函数指向window
 *  webpack了解吗？
 *  跨域方式以及具体的实现
 *  讲一下token？
 *  CSRF是什么，且应该怎么样区防范？
 *  手撕 bind 函数
 *  算法题：  
    给定一个无序的整数数组，找到其中最长上升子序列的长度。

**——字节三面**

**①项目经验**  
考察项目经验，面试官会要你先介绍自己的项目，在根据你说的一些细节进行提问。具体详细到问你的项目方案，缺点，改进的地方等。

*  Vue组件
 *  Vue自定义指令
 *  怎么给一个数据结构添加迭代器？
 *  JS CSS HTML Vue哪个比较了解？
 *  JS掌握的怎么样？
 *  BOM和DOM的区别是什么？
 *  反问

--------------------

### 如何准备面试？ ###

**1. 准备简历**

程序员的简历一定要多下一些功夫，尤其是对一些字眼要再三斟酌，如“精通、熟悉、了解”这三者的区别一定要区分清楚，否则就是在给自己挖坑了。

**2. 了解面试公司，做好功课**

知己知彼，百战不殆。我们去面试一家公司，总要对一家公司有所了解。要对所应聘的岗位职责和要求有所了解。

在面试的时候，面试官常常会问的一个问题是：你对我们公司了解吗？给我说说说吧。如果你没有准备，很可能就会“栽”在这个问题上了。

**3. 梳理知识体系**

梳理知识体系是一件很重要的事，但很多开发小白总是一头雾水，实际上从大厂面试知识点和岗位要求这些信息就可以总结梳理出来我们应该要学什么，要掌握什么。（也可以去收集现有的前端路线图）

> ![23e3f8d44bc207857b964fb228ba9e04.png][]

之后，就需要根据路线图上的重点去进行有针对性的学习，在学习过程中，学会写笔记，做总结。

这里分享一些前端学习笔记：

*  **html5 / css3 学习笔记**  
    ![c7aea89db6b059151c753196f8f4e9b5.png][]
 *  **JavaScript 学习笔记**  
    ![af0c75f32f6618baccf39ce440a0fb5c.png][]
 *  **Vue 学习笔记**  
    ![94cca01f6717f672208838e9ac549be1.png][]

**4. 刷面试题**

刷题的重要性，不用多说。对于应届生或工作年限不长的人来说，刷面试题一方面能够尽可能地快速自己对某个技术点的理解，另一方面在面试时，有一定几率被问到相同或相似题，另外或多或少也能够为自己面试增加一些自信心，可见适当的刷题是很有必要的。

*  **前端字节跳动真题解析**  
    ![8d27500df7b25342f252bca635ca0ab3.png][]
 *  **【269页】前端大厂面试题宝典**  
    ![eac3322374bd31596de9bf548f6ce47f.png][]

### 最后的总结 ###

最后平时要进行自我分析与评价，做好职业规划，不断摸索，提高自己的编程能力和抽象思维能力。大厂面试远没有我们想的那么困难，摆好心态，做好准备，你也可以的。

**前端学习笔记、大厂面试题等PDF均可分享，[点这里进入免费领取][Link 1]**

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1FJQU5EWFg_size_16_color_FFFFFF_t_70_pic_center]: /images/20221005/4d9b7164f89f41e09122e4dc52ac2d89.png
[23e3f8d44bc207857b964fb228ba9e04.png]: /images/20221005/892abdf8aa114185be58431aab211b88.png
[c7aea89db6b059151c753196f8f4e9b5.png]: /images/20221005/89ac97c1906f48d3b14ace33cadb8b78.png
[af0c75f32f6618baccf39ce440a0fb5c.png]: /images/20221005/03d29cac53c84f5c9ff6f8142a465a10.png
[94cca01f6717f672208838e9ac549be1.png]: /images/20221005/1732b2c666194ca2a2c1138c709a8fff.png
[8d27500df7b25342f252bca635ca0ab3.png]: /images/20221005/8232cbf3478442ca8f8ca23f908412d5.png
[eac3322374bd31596de9bf548f6ce47f.png]: /images/20221005/c683b8d9e1bb45088c675498a2dfc4d8.png
[Link 1]: https://jq.qq.com/?_wv=1027&k=bMJ8MZ35