function tpl(template, data){

}
// 输入
tpl('{%name%}

• 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 销毁引用。

三面-女

面试内容

• Q1: 自我介绍
• A1: 叫 AJ，来自 X，能干活。
• Q2: 聊点你的学校经历吧
• A2: 在校职务...
• Q3: 为什么选择前端
• A3: 经过大一尝试过 java,py,cnn 后决定，前端作为当下的生存技能。兴趣不局限于此。

❝

lucifer 小提示: 不要把自己局限到前端。

❞

• Q4: 为什么不现在就去学后端
• A4: 我明白自己每个阶段想要的是什么，当下秋招的我应该找一份匹配自己的工作。
• Q5: 未来三年的职业规划
• A5: 业务崽。
• Q6: 实习公司，对比百度、腾讯、小米，最不喜欢哪一个？
• A6: 从不同的层面去说最喜欢哪家。
• Q7: 你觉得你的缺点有什么
• A7: 不喜欢跟人争执，浪费时间且无趣。
• Q8: 为什么会投我们公司，了解我们吗
• A8: 很好的朋友在开课吧(然哥)，给我说好未来还挺不错的。秒投了。
• Q9: 我们的业务有...你喜欢哪个业务啊
• A10: 直播吧

四面-男

面试内容

• Q1: Vue 那种左右界面，中间的竖线可以滑动，左右布局跟着变化，怎么去做优化，可以从哪些角度触发
• A1: 不会。尝试从 Vue Object.freeze() 和 提升图层角度去说。
• Q2: GPU 硬件加速渲染说下原理
• A2: 不会。从 CSS3 触发的角度说了下。
• Q3: HTTPS 性能损耗在哪里？
• A3: TLS 握手。从《计算机网络 自顶向下》那本书里提的角度简单说了下。同时认为非对称加密算法对服务端资源消耗比较大。
• Q4: 你如何去解决前端人员被需求压满，然后做业务觉得没有技术成长
• A4: 不局限在功能点的开发，真正理解业务，理解业务流程中的数据流向以及坑点。当在当前环境遇到技术瓶颈要跳槽时，带着已有经验去下一个环境。
• Q5. 谈谈 WebSocket，然后怎么去改造。
• A5: 简单说了一点理论，直言没实践过。

❝

lucifer 小提示: 可以自己实现一个 WebSocket 玩玩就啥都知道了。

❞

• Q6: 直播业务中，常用的协议是什么
• A6: 仅知道 webRTC。
• Q7: 海量数据找出最大的 K 个，怎么找？时间复杂度是多少？
• A7: lucifer 之前的文章应该有过，没记牢固。简单说了下。

❝

lucifer 小提示：我们只需要建立一个大小为 K 的小顶堆，N 个数分别入堆，最后堆顶的元素就是第 K 大的。时间复杂度

❞

• Q8: 了解好未来吗？为什么要来？
• A8: 做教育的。我哥推荐的。

PS: 面试白菜起步。SP 面是四面。

lucifer 点评

由于是校招的原因，整个面试过程比较注重的是基础知识以及思考和学习方式。并且可以看出侧重点依然是：

• 网络（TCP，DNS，HTTP，HTTPS，浏览器缓存等）
• 浏览器渲染（GPU 硬件加速， webkit 原理等）
• 数据结构与算法（排序算法，复杂度分析，堆的应用等）

对于每一个部分，我们首先要做的是建立大局观，这样即使错，也不会错到哪去。大局观建立好了，相当于基本的知识框架有了，接下来就是填充知识框架了。这个阶段最主要的就是巩固复习和查缺补漏。经过这样的一个学习，相信你也能够在面试中崭露头角，获得心仪的 offer。

大家也可以关注我的公众号《脑洞前端》获取更多更新鲜的前端硬核文章，带你认识你不知道的前端。