记一次凉凉的小米前端面试

2,130 阅读6分钟
原文链接: segmentfault.com

推广一下个人网站:Bougie's Blog

毕业一年的跨专业萌新,在拉勾上投了武汉小米的简历,不出两天,简历被HR姐姐标为“不合适”,心想自己这点履历和经验小米是看不上了。又过两天,大概晚上八九点钟,HR姐姐突然打电话说邀请面试。也是有点奇怪。

从家到小米有两个小时车程,做公交车二层晃得竟然有点想吐了。心想做程序员一年,没学到啥高深的东西身体却不知不觉间变得这么差了;同时对此次面试也没抱太大期望,因为自身实力和小米的招聘要求还是差了一个档次。进入小米正门,左手边是小米信息部,右手边是wps。想起来前不久在一个招聘群里面认识的wps的孝感老乡就在隔壁上班,也是一种缘分哈哈。

笔试

面试前要先做一份笔试题,题目大概是:

  1. 爬虫引擎是怎样抓取页面的
  2. 浏览器渲染页面的过程

    1. 用户输入URL地址
    2. 浏览器解析URL解析出主机名
    3. 浏览器将主机名转换成服务器ip地址(浏览器先查找本地DNS缓存列表 没有的话 再向浏览器默认的DNS服务器发送查询请求 同时缓存)
    4. 浏览器将端口号从URL中解析出来
    5. 浏览器建立一条与目标Web服务器的TCP连接(三次握手)
    6. 浏览器向服务器发送一条HTTP请求报文
    7. 服务器向浏览器返回一条HTTP响应报文
    8. 关闭连接 浏览器解析文档
网上找的标准答案,自己答得也是这么个意思,但是没这详细。
  1. 异步编程的四种方法
    看到这题瞬间感觉阮老师简直就是中国前端界的教父级人物啊,面试官的理想答案应该是阮老师这篇文章:Javascript异步编程的4种方法。自己特地看过,也总结在我的面试题总结里面了: 前端面试偏门题总结。但是记性太差还是答偏了,心里恨啊。
  2. 解释同步异步、阻塞非阻塞、并行并发之间的区别
    这里补充一下并行和并发:并行是指运算中的两件或更多件事情在同一时刻发生。实事求是地说,这种情况只会在系统CPU拥有两个独立核心时发生,这样在任何时刻才会有不同的电脉冲信号发出。并发意味着至少两件事务在同一时间段发生。但注意,这里的事务是(高级的)任务,而不是(低级的)操作。所以,请分清并发和并行。
  3. js实现数值千分位
    头条笔试碰到过了:number.toLocaleString()
  4. 多语言网站建设应注意哪些事项
    一开始以为多语言是pythonjavaphp啥的,后面面试官说是各个国家语言。
  5. React非父子、兄弟组件传值
    状态管理:Redux、Mobx等等
  6. "123456789876543212345678987654321..."的第n位是什么

    function getNum(n) {
        let num = 0, flag = true
        for(let i = 0; i < n; i++) {
            if(num === 1) flag = true
            if(num === 9) flag = false
            flag ? num++ : num--
        }
        return num
    }

    时间有点紧不小心把i <= n写成i < n了,尴尬,怪自己不细心吧。

时限是20分钟,还有两三题记不清了。

面试

面试官很亲切,说话很流畅并且肯定,感觉是个知识体系非常齐全的大牛。以下题目顺序并不是面试官问的顺序:

  1. 浏览器打开一个页面前端缓存了哪些东西?
    我:后端通过设置响应头Cache Control设置资源过期时间,用于缓存一些静态资源
    面试官:还有呢
    我:DNS缓存
    面试官:后端缓存了什么
    我:缓存了session
    面试官:还有呢
    我:...答不上来了
  2. 说一下vue的生命周期
    一年的Vue不是白用的,顺利从beforeCreatedestroyed过了一遍
  3. 你的博客用的是Koa,Express用过吗?
    我:用过,我的个人博客本来用的是Express,后面改成Koa了
    面试官:为什么要改?Express不好用吗?
    我:Koa的路由用async和await处理,不会陷入回调地狱
    面试官:Express的路由也可以封装成asyncawait,自己试过没有?
    我:没有。。。
  4. 你的博客用的什么服务器?
    我:用的Node服务器,pm2做进程守护的
    面试官:代码直接放上去运行的还是编译后运行的
    我:(一脸懵比,脚本语言还能编译???)直接运行的
    面试官:服务器是什么系统的?
    我:windows sever...(感觉面试官笑了)

    后来查了一下,segmentFault的大佬们也说Node JS不用编译:运行在服务端的Node.js代码需要编译吗?,好想追问一下面试官到底怎么编译啊。

  5. 有没有自己实现过Promise?
    看了不少文章,自己也写过了,但问到细节还是答烂了。
  6. 有没有写过Webpack插件?
    我:没有...
  7. new 一个对象后发生了什么?
  8. 写过响应式网站吗?
    我的个人博客就是响应式的,主要说了媒体查询和rem控制字体大小。
  9. 说一下原型和原型链
  10. 有没有自己写过比较复杂的正则?
  11. 有没有封装过axios?
  12. 前后分离的系统,一个请求出错了,如何中断其它请求?
  13. 如何在axios中添加登陆验证?
  14. rollup了解过没?
  15. 为什么rollup打包赘余代码比较少?
  16. 有没有结合原生封装过RN组件?
  17. 为什么用高德地图不用百度地图?
  18. 怎样在Android Studio中对React Native的js代码进行断点调试?

......

还有n多问题记不太清了...

然后面试官问了一些其他的东西,对小米有什么看法?995上班、加班没有加班费能不能接收等等。心想小米在雷总的带领下还真是拼啊。

面试聊了一个小时,很多问题答烂了,今年应该是和小米无缘了。也明显看到了自身实力的不足。很感谢面试官给我这次面试机会。

补充一个Tips,面试时看到武汉小米开发人员操作系统清一色的是Ubuntu,想去面试的同学最好准备一下。