前端面试技巧_google i/o、react conf、vueconf、webrebels

前端面试葵花宝典

今天参加了一个分享大会，是关于前端面试的，虽然自己目前并无跳槽面试需求，但是觉得了解一下行业标准对自己现在查缺补漏更好一些。大会是线上的从早晨9点就开始了，一直到晚上七点多才结束，其实里面有10个分享嘉宾，不过我开头和中间有事都没有听见，听到的4~5个分享讲师分享的内容真的是干货满满，有点相见恨晚的感觉，于是会后我就想整理一下，让更多人也能有机会更早知道这些面试规则和技巧，早知道早去练习这些能力。对于准备跳槽的小伙伴会更有帮助。

注意：本文内容来自如下大会的各个大佬的讲课内容，我边听边做了个笔记（如有侵权的地方请联系小圆脸儿，给您带来不便深感抱歉，我会立马删除）

一、如何成为字节面试官喜欢的人才-Zevo-字节

希望候选人具备怎样的能力？

必备项

1. 精通JS基础
2. 扎实的数据结构
3. 基本的算法；逻辑能力
4. 基础的网络知识及计算机原理
5. 好的素质：追求极致、坦诚清晰等

加分项

1. 优秀的算法
2. 熟悉设计模式
3. 有其他端开发经验
4. 岗位相关领域的技术能力或经验

如何提升自己的技术能力？

长期进步

1. 热情、好奇心
2. 阅读数据
3. 团队及氛围
4. 参与实践
5. 深入原理
6. 扩宽广度
7. 复习，定期刷题

短期突破

这里Zevo提供了一份对于前端跳槽者非常需要的宝藏文档：《前端年后⾯试真题，会80%直接进⼤⼚》

如何写好一个简历？

1. 好的经历/成绩
2. 突出匹配度
3. 量化产出及成绩
4. 慎⽤“精通”
5. 跳槽频率
6. 坦诚清晰

真题分析

题⽬⼀：时序结果？（JS）

console.log(1);
const promise = new Promise(resolve => {
   
 console.log(2);
 resolve();
 console.log(3);
});
async function foo() {
   
 console.log(4);
 await promise;
 console.log(6);
}
foo();
promise.then(() => {
   
 console.log(7);
});
setTimeout(() => console.log(8));
console.log(5);
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20

关于这个结果，不管你写对了写错了，都可能会问到你如下知识点：注：前面有整理过文章欢迎找答案：头条面试题你接住了吗 — 回调地狱引出的深度考察

1. 宏任务、微任务先后执⾏顺序，Promise 以及 async 中哪些部分是同步，哪些部分是异步？
2. 还有哪些时序相关的函数？
   1. setInterval
   2. 浏览器端：requestAnimationFrame、requestIdleCallback；
   3. Node 端：setImmediate、nextTick；
   4. 分别有什么区别？如何实现 Polyfifill？
3. 如何实现 Promise；async 函数编译 ES5 代码时会变成什么？Vue 的 nextTick 如何实现的？
4. Node 的事件循环流程？是否了解过 queueMicrotask 函数

题⽬⼆：描述⼀下 HTTP 缓存策略？（⽹络）

1. 强缓存、协商缓存；HTTP 常⽤的头部、状态码，基本的流程
2. HTTP、HTTPS、HTTP2 的区别；⽹络模型，TCP 三次握⼿，四次挥⼿
3. ⾮对称加密，证书，Hash，常⽤的加密算法，HTTPS 握⼿过程；多路复⽤
4. DNS、CDN、WebSocket；⽹络安全，中间⼈攻击、CSRF、XSS、SQL 注⼊，同形异义字；URL 编码

题⽬三：请谈⼀下你对 React 的认识？（框架）

1. ⽣命周期，新旧⽣命周期的区别？⽆状态组件、PureComponent、⾼阶组件（HOC）
2. Hooks，Provider/Context，Ref，Portal，错误处理 Redux，中间件；
3. JSX 原理？渲染⼿段：mixin，HOC、Render Prop；虚拟 DOM 的原理；setState 同步异步，浅⽐较（shallowEqual）
4. 合成事件，Fiber、FiberNode、workInProgress；SSR、React Native；性能优化：耗时、帧率、CPU、内存泄漏、回流重绘

如何面试？

接到⾯试通知怎么办？

1. 可以礼貌的拒绝现场的电话⾯试

2. 协商沟通⾯试时间、⾯试⽅式（电话、视频、现场）

如何做⾃我介绍？

1. 基本情况

2. 与岗位的匹配度或优势

3. 简历上容易忽略的细节

4. 简历上没显示出来的点

如何⾯对⾃⼰不擅⻓的领域、知识点？

1. 没了解过，坦诚表达⾃⼰没了解过

2. 了解过，但不熟；先说明⾃⼰不熟悉，再说明⾃⼰对其⼀些猜测或想法。

如何⾯对算法题？

1. 从易到难

2. 写伪代码

⾯试进⼊尾声，⾯试官问“你有什么要问我的吗？”，该说什么？

1. 不要问⾯试结果

2. 可以要求加问⼀些你擅