一个前端面试官的自白：Connecting the Dots

这波只聊一件事

上一篇聊了一些面试的前戏，重点在于简历、知识储备和心态。

作为本系列的第二篇，我只准备说一件事情：搭建自己的知识网络。不吹牛逼的说，如果 get 到了我这篇在聊什么并且自己按照这个“套路”做了准备，面试通过率至少提高 13.26%（别问我这个数据是哪来的，问就是盲猜）。

其实很多面试官在问候选人问题的时候，都是追着线索去问的（下面会举例），所以如果拥有了自己的知识网络，甚至能感知到面试官下一个问题会问什么。我在之前强调“你永远猜不到面试官会问什么”，本意是不要抱有侥幸心理去押题，这种赌博式的心态往往都会被命运吊打；再者，确实有一些奇葩面试官的存在，比如我听说过这样一个例子，面试官问候选人：“你已经做了这么多前端，知道 CDYSB 是什么吗？”，候选人茫然，面试官见状，说：“这都不知道吗？层叠样式表。”

点、线、面

前端知识很杂，懂的人都懂。大多数人只对某些知识点去死记硬背，如果本身基础就比较薄弱，那可费老大劲了。

比如我简单列几个问题：

• ES6 的 Promise 是什么？可以用来解决什么问题？

• 异步请求是如何监听数据？

• HTTP 常见的状态码有哪些？

表面上看只是三个很单一的问题，但对于一个好的面试官来说，他们能以这三个问题为支点，撬动所有涉及前端的知识点。

感受一下这套 combo：

先介绍一下 Promise 吧；既然你说 Promise 可以用来解决回调地狱的问题，那么一般什么时候会出现回调地狱呢；在没有 Promise 的时候我们用回调函数去处理异步请求，那如何决定什么时候执行回调函数呢；当异步请求返回成功的时候，HTTP 状态码是多少？你了解的其他状态码都有哪些。

细细品，这就是把“点”连成“线”的感觉。再更进一步，由 HTTP 状态码可以拓展到 HTTP 缓存策略、HTTPS 加密过程、TCP/IP、HTTP 2.0 / SPDY、WebSocket，由 HTTP 无状态的特性可以扩展到 cookie、前端数据存储、前端安全问题及其防范，由数据存储可以聊到前端的性能优化、前端构建等等等等，基本上面试能问的东西都被连在一起了。

乔布斯生前在哈佛大学的演讲中，提到的 “connecting the dots”，也是在说这个道理。

当点连成线，线组成面，面又搭建成体，这就是我所说的知识体系。

设问式自学

构建知识体系的一个捷径就是：不断地给自己抛出问题，再努力寻找答案。

比如，看到 cookie：

1. cookie 一般由后端设置，如果情况特殊，需要前端处理 cookie，该怎么写？（增删改查）

2. cookie 会被不怀好意的攻击者拿到吗？（xss / csrf）

3. 怎么样才能避免 cookie 被窃取？（http-only、secure）

4. 如果我不用 cookie，把登录凭证放在其他地方可以吗？（localStorage、sessionStorage）

5. 放在这些地方，会有什么问题呢？（开放问题，结合各自的存储特点去推导）

绕这么一圈下来，地球上就会诞生一位 cookie 高级工程师了。

大概就是这么个意思，如果按这个“套路”去准备面试，保准让面试官眼前一亮。但确实也挺累的，毕竟构建知识网络不是一件容易的事情，no pain no gain 嘛。

 往期精选 

 点击图片即可阅读