腾讯SNG-IMWeb前端工程师 电话远程面试记录

2018 年 1 月 18 日，突然接到一个来自深圳的电话，对方说从拉勾网上看到我投递腾讯 SNG 部门的 IMWEB 团队前端，简单询问了一下我的具体情况，包括前端的就职年限，过去的工作经历。其中有一点比较有意思的是，对方问我为什么 2016 年 7 月毕业直到 2017 年 2 月入职中国 XX 网，这之间的简历是空缺的？

我回答他说因为刚毕业没有太好的就业选择和机会，错过了很多校招，所以在毕业的时候去一个艺术培训学校当了半年的吉他老师，因为觉得和前端的职业经历没有关系，因此没有把这段经历写在简历上。对方说，我觉得你应该把这段经历也写在简历上，我说好的谢谢。

接着问了他招聘的是什么职位，对方说是前端工程师，我说主要负责什么工作？他说主要负责腾讯课堂的一些前端工作，我跟对方说，我目前还在老家，可能无法及时的去深圳那边面试，问了他可不可以远程面试，遂对方跟我说，可以采用电话面试，并且约定了电话一面的时间，2018 年 1 月 23 日。

电话里问到的题目

接下来，根据我当天的通话录音

来对所问到的题目进行穷举：

1. 接你现在的工作主要是偏前端还是偏后端？我看你大学的课程主要是偏后端一点？

A:大学课程修完以后，出来没找到工作，干了半年吉他老师，对自己就业比较迷茫。回 到老家以后，干前端、运维都有，但是主要是前端。

2. 接触前端多久了？接触/学习的渠道是什么？

A：满打满算一年。刚开始是同事辅导，慢慢入手以后，在 W3CSCHOOL、网易云课堂、腾讯课堂、慕课网学习。

3.Ajax 发送请求的步骤？

3.1 xhr.open()

3.2 xhr.send()

3.3 callback()

4. 浏览器里面的事件都会按照一定的规则去传递，这个规则是什么？

5. 事件代理，事件委托是什么意思？

6. 闭包是怎么回事？用在什么场景？

6.1 变量常驻内存会带来什么问题？

6.2 如何避免这种问题？

6.3 怎么销毁？

7.CALL 和 Apply 是干嘛的？

8. 在平时开发中，遇到过跨域的问题吗？如何处理跨域呢？

8.1. 如何进行 CORS 跨域？需要什么条件？

8.2 对服务器来说，返回 json 数据和 JSONP 数据有什么不一样？

8.3 还有其他跨域方式吗？

9. 简单说一说盒模型，W3C 和 IE 怪异盒模型。

10. 简要阐述 XSS 和 CSRF 攻击及防范

10.1 XSS 脚本劫持，如何截获？(ps. 这里居然把 CSRF 的概念当做 XSS 的来回答….)

10.2 CSRF 域名劫持

11. 强类型语言有继承，在 JS 里面如何做到继承呢？(proto 和 prototype)

11.1 例如构造函数有一个 test() 方法，prototype 上也有一个 test()，这两个方法有区别吗？

12. 页面性能优化有哪些方式？

12.1 文件、脚本合并是如何优化的呢？

12.2 重绘，重排是怎么回事？有什么区别？

12.3 请举例说明重绘，什么情况下会重绘？

12.4 你认为样式是会引起重绘的吗？什么样式会引起重绘/重排？什么属性会引起重绘/重排？

13. 浏览器如何知道一个文件资源是否需要缓存？

14.HTTP 状态码 304,502,503

14.1 1,2,3,4,5 开头的状态码都表示什么？

15.Node、Vim、angular 简述

15.1 Node 上如何处理异常情况？（Ps. 我回答的是开发调试。。。找 js 文件）

15.2 已经上线的项目，出问题，怎么样去处理异常？

16. 构建工具除了 Webpack，还接触过其他的吗？

16.1 Webpack 的优点和应用场景？