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

写在开篇

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

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

字节跳动三轮面试

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

• 自我详情

①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. 梳理知识体系

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

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

这里分享少量前台学习笔记：

• html5 / css3 学习笔记

  

• JavaScript 学习笔记

  

• Vue 学习笔记

  

4. 刷面试题

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

• 前台字节跳动真题解析

  

• 【269页】前台大厂面试题宝典

  

最后的总结

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

前台学习笔记、大厂面试题等PDF均可分享，可以加入这边的Q裙：【624369675】免费领取！