[面试系列]富途前端社招面试

上周接到了富途一面的通知，我选择了面基，因为据说面基过的概率比线上大。

刚去的时候需要先做个笔试，给的时间是一个小时，但是我半个小时就做完了。这里想吐槽一下富途的前台，让我去茶水间做笔试，我到的时候是1点半，里面的员工在关灯休息，我真的是靠着微弱的四面八方的灯光做的笔试题。就不能给我找个亮一点的地方？

笔试真的是手撸代码，即给你一张白纸手写，太牛批了。。我&忘记怎么写了，写了个8…
笔试题大概有：

• 至少2种方式实现左边固定宽度右边自适应的布局。
• 递归实现fibonacci，要求带缓存。
• 判断是否括号匹配
• 设计表单提交的数据结构(由于我没用过jquery或者是原生html这些写的比较少，这题我好像题目都没抬读懂，就没写)
• 简述浏览器加载过程，并针对加载过程可以做哪些性能优化

做完之后直接就是面试了。然后我才发现，面试官现场改你的笔试卷子，然后拿着简历和笔试卷子就可以聊。。

• 第二题实现斐波那契数列没什么问题，就是带缓存那里我的实现方式是函数第二个参数是个缓存的数组，所以每次重新调用的时候都重新计算。面试官问我希望这个缓存能留下来，我说在函数外部定义一个变量去存这个缓存，他说还有什么方法吗，我想了半天就说往函数的prototype上加一个域去存，看他的表情一脸严肃。。我就不太懂这个带缓存还能有什么方法。。
• dns解析过程是怎么样的
• 如何提升首屏渲染速度。这个题目真的是被面试官一句还有吗搞疯了。。我搞了大概7.8个小点。然后面试官只针对其中我说的缓存做深入提问。。
• 如果在body中间插入一段script，执行一个循环特别大的脚本，页面表现是什么样的？我说页面执行会在这个地方停住，用户无法对页面做任何操作。
• 为什么？我说因为js会和渲染共用一个进程，被面试官说js怎么会和渲染共用一个进程呢，然后这个问题就到此为止了。
• 如何实现缓存？我说在cache-control设置过期时间(感觉面试官好像不知道这个点？还问我过期时间是什么意思)，public(又被问这个是什么，我说是让资源任何时候都缓存)
• 是否有存在缓存过期但资源没过期？是
• 这时怎么做？服务器需返回给客户端状态码表示该资源没有更新
• 服务器怎么知道资源没有更新？我说我没做过服务器端，不是很清楚(后来查了一下，链接，现在大概懂了，就是第一次向服务器请求资源时服务器会往response里面塞一个eTag域，存储这个资源的标识，一般是版本号或者内容hash，若发现这个没变， 就返回304)
• 还有什么优化方式吗。。。
• 原型和原型链讲一下。我说每个函数在创建的时候就会有个原型对象，每个引用类型也都会有个prototype域指向构造函数的原型对象。原型链就是对象的prototype指向另一个对象，另一个对象的prototype又指向下一个对象，以此类推形成原型链。面试官听完说你好像不太熟，然后就过了。我是不是表述的不太准确。。我可是专门把红宝书关于原型那部分看了好几遍。。感觉得花时间整理一下思路了。
• 判断this指向

var a = {
    b: function() {
        console.log(this)
    },
    c: {
        d: function() {console.log(this)}
    },
    e: () => {console.log(this)}
}
a.b()
a.c.d()
a.e()

我的回答是a c a，前两个是对的。主要是箭头函数应该是错了，第三个应该是window

• 反问

当时面完感觉希望就不大了，因为富途用的是vue，我对vue又不熟，加上上面这些基础问题自我感觉很多都是不清楚了，现在复盘完之后简直是绝望了。就当丰富自己的见识了吧。