【校招面经分享】好未来-北京-视频面试

原创

wx5ac7669dc516c 2021-08-04 10:35:18 ©著作权

文章标签 缓存自顶向下时间复杂度 v8 作用域 文章分类 代码人生

©著作权归作者所有：来自51CTO博客作者wx5ac7669dc516c的原创作品，请联系作者获取转载授权，否则将追究法律责任

为什么要写这个面经？

lucifer 说让我写一下秋招面经，但我很菜，一开始不想写的。最主要的是不想暴露自己的菜，虽然群佬都知道我比较菜。

lucifer 的群大概是我唯一一个每时每刻都能得到响应的群吧。很开心当时只是随便加了一下，但认识了好多大佬，经常在群里问一些很没头脑的问题，但总有人会艾特我回答，尽可能去触摸自己的知识边界帮我解答，大家都在交流（技术+扯皮）。

比较遗憾没偷学到 lucifer 的算法能力，也没能白嫖到小漾的美图。在 lucifer 群里开群语音，还有幸白嫖过川川(若川大佬)的声音 hhhhhh。大概我挺希望小漾看到这个文章能主动点晒照一下 hhhh（感觉第二天我就没了）。

面试体验

好未来的四位面试官给予的面试体验很舒服。四面面试官说话一直用“您”。四面面试快结束的时候：

我：“我们的时间价值并不对等，所以很感谢您愿意抽时间面试我”
面试官：“不，我们的时间是对等的，我们今天只是在平等的交流”。

好未来的面试体验可能是目前秋招面试最舒服的，因为平时喜欢看很多闲书（面试很少会问的那种），把那些知识都有机会和面试官进行了分享。

❝
面试官的问题用 Q 表示，我的回答用 A 表示，序号表示第几个。比如 Q5 表示面试官的第五个问题， A8 表示我对第八个问题的回答。
❞

一面（男）

面试内容

Q1: 聊项目，聊实习公司，问什么时候开始学前端
A1: 大二
Q2: 说一下排序算法。手撕冒泡，快排及其优化
A2: blabla

❝
lucifer 小提示: 要可以手撕才行哦。
❞

Q3: TCP 和 UDP 区别。TCP 为什么是可靠的？
A3: 《计网自顶向下》，同时说了应用场景。
Q4: 三次握手，四次挥手
A4: 过程，字段，为何两次不行，各自作用。
Q5: 谈一下 HTTP
A5: 详细说 HTTP 1.0 1.1 2 3 细说文本格式和二进制格式（这个很感谢 feiker 大表哥在群里说了下），以及 HPACK，应用层和传输层的队头阻塞，多路复用和多路分解瞎扯了一下 302 303 307 在 RFC 规范中的发展历史，其实是跟浏览器大战年代相关的。
Q6: 浏览器缓存
A6: 四级：Service Work, Memory Cache, Disk Cache, Push Cache HTTP 控制的缓存位于 Disk Cache，即强缓存和协商缓存。二者中间的启发式缓存。
Q7: CDN
A7: content dispatch newwork。《计网自顶向下》
Q8: 从 URL 到浏览器渲染，仅围绕 HTTP 相关展开
A8: 因为仅涉及 HTTP，除了常规回答，谈了下 webkit 里的三类资源加载器，以及网络栈。
Q9: 编译性语言和解释性语言的区别
A9: java，js。引申 JVM 和 V8。以及 V8 在早些年间拒绝采用中间码（《了不起的 nodejs》那本书比较老，里面就是无中间码），后来又采用了。其实最开始的原因就是考虑到移动端存储量。
Q10: 单线程的原因，好处
A10: JS 多线程对 DOM 的坏处。引申 webkit 多线程，看面试官比较感兴趣，又分析了浏览器的多进程架构，以及 Renderer 进程的四个配置项。

二面-男

面试内容

Q1: 聊项目，前端倒计时，IOS 兼容等
A1: ...
Q2: 各种排序的时间复杂度
A2: ...

❝
lucifer 小提示: 不要死记硬背。
❞

Q3: 手撕代码

function tpl(template, data){

}
// 输入
tpl('<div class={%className%}>{%name%}</div>', {className:'hd', name:123})
// 输出
<div class="hd">123</div>
// 面试时编码思路：根据浏览器的词法分析去做，用stack。但存在问题。

A3:...
Q4: 看代码说输出，作用域

var a = 2;
function fn1() {
  var a = 1;
  console.log(this.a + a);
}
function fn2() {
  var a = 10;
  fn1();
}
fn2();
// 扯了一下this指向，以及C++中作用域的_variable表默认添加。

A4: ...
Q5: 你对闭包的理解
A5: 函数执行的保护机制。围绕函数执行机制（后来 lucifer 男神讲可以从词法作用域说，但毕竟是面试，感觉从函数执行来讲比较 ok），结合 V8 生成 AST 角度去谈何为闭包。具像为作用域链，及其 2 个表象。优缺点。理论应用：在 Vue 中的应用 Dep()，React 中的应用 Redux dispatch，设计模式中单例模式。项目应用：H5 前端自拟倒计时 destroyed 销毁引用。