字节前端内容安全（面经一二三面）

一面（40min）11.24

一面面试官人特别好，聊的氛围很不错。

上来自我介绍完了就让说点基础知识。

1。说说 JS 的数据类型吧。

我直接开始吟唱，然后说完之后他说了一句：“嗯，非常全面。”

2。说说你知道的 ES6 的相关知识

这里我答的不是很多，就是基础的解构赋值，扩展运算符，新的 API，var let const

3。你知道 async/await 嘛

你说这个我就不困了，我直接说这个是 generator 的语法糖，然后他说了一下让我实现，好像又后悔了，算了算了你别实现了。

我立刻接过来说我可以手写的，然后还是没让我手写「哭」，就说了一下大概思路。

4。那你知道 const 让对象不变有什么好处嘛。

我答的性能相关，面试官没啥特别明确的反应。

答完这么一遛之后他就说看你之前面评这里确实很扎实。

问下 CSS 吧

5。怪异盒模型和标准盒模型

这个直接一梭哈，没啥好说的。

6。垂直居中，有多少种说多少种。

印象里是说了五种。「嗯，很全面啊」

7。 GET 和 POST 的区别

开始吟唱～

1. URL 输入的过程
2. DNS 解析过程
3. HTTPS 加密过程
4. TCP 三次握手过程

面试官让我尽量详细，我还准备吟唱两个缓存（，他说你掌握的很全面，就又继续了。

8。 让我简单说了一下怎么实现一个小 Vue

我就把基本的响应式说了一下

9。 defineProperty/Proxy 区别

吟唱

你基础知识还蛮扎实的，做个题吧，想做啥样的？

简单点吧。

10。《反转链表》

他真的，我哭死。

面到这里也就20多min吧。

面试官：

“虽然这样是不对的”

“但是你过了”

然后给我花了十几分钟讲了部门情况，做啥的。

聊的很开心，约的 11.30 二面。

二面（40min）11.30

二面巨折磨（（（（

1. utf-8 / utf-16 / utf-32 ❌
2. 网页上字体有些加载不出来 ❌

面试官问：你是不是有些紧张，乐，我就是不会啊。

我答的不全反正

3。 用过webpack嘛 ☑️

我知道咋做优化，但是我确实不知道原理

4。 webpack 原理是啥 ❌

5。 webpack 的缺点是啥

6。 预加载

7。 node_modules

8。 网页的详细渲染 不会 ❌

我只知道 DOM 和 CSSOM 来构建

然后 renderer

rendering 渲染具体步骤 这确实不知道

我直接寄

9。 Vue 的虚拟 DOM ☑️

这个很好说，不过不知道它想法是啥（

10。 Vue 双向绑定原理 ☑️

11。 通过什么 API 来做的 ☑️

12。 Vue 里面子组件向父组件通信 ☑️

13。 HTTPS / HTTP 的区别 ☑️

14。 HTTPS 对称加密和非对称加密过程 ☑️

15。 HTTP 502 服务端 ☑️

16。 抛硬币 ❌

17。 DFS ☑️

• 虽然答的不是很好，但是面试官还是给咱过了，等 12.9 三面

三面（50min）12.9

1. 首先问了我们的课程问题，大二实习是不是太早了。
1. 和面试官扯了一下秋招真tm难，学校课有啥好上的。
2. 首先问了一下项目

a. 浏览器崩溃的边缘案例

b. 浏览器进程/线程，进程间通信「这里我还和面试官斗智斗勇了巨久」

c. 前端进程通信的 API

d. 输入 url ，不要背八股，说些关键点

e. 内容更新和页面变化联系起来

f. 死锁「寄！」JS 编写完到发布到线上的过程。

3 白屏优化

随便吹

4. JS 代码到线上过程

a. 我直接答了 webpack 原理，说自己写过 mini_Webpack

b. 然后 meta、link 「这里不着痕迹的夸了一下头条，说它们这里做的优化很不错」

c. 多个文件放一起为啥好。网络协议（TCP/IP）

5。 一道 DFS（大概写出来了，有点没调出来）