近期面试128题汇总(有超详细答案)

前言

你盼世界，我盼望你无bug。Hello 大家好！

哈哈😄，这是一篇面试总结文章，抱歉，webpack和HTTP系列的先暂缓一下更新哈，Sorry~

这篇文章是自己近期的一些面试汇总，经验是2年，算了一下有128道，基本都写了比较完善的答案，就算没有写也有推荐一些好的文章链接，文章篇幅较大，整理总结也花费了很多的时间和心血，题目也是根据公司规模的大小从易到难，算是见证了面试过程中的不足与成长吧 😅。还希望能帮助到正在一起努力求生存的小伙伴们。

深圳某做海外加速器公司

1. DIV+CSS布局的好处

2. 如何解决a标点击后hover事件失效的问题?

3. 点击一个input依次触发的事件

4. 响应式的好处

5. Vue的优点及缺点

6. Vue中hash模式和history模式的区别

7. react的实现原理？有什么优缺点？

8. react的控制组件和非控制组件

深圳某电商公司

1. null和undefined的区别

2. 冒泡排序算法和数组去重

深圳某云产品公司

1. 描述一下Promise

2. Promise.all中如果有一个抛出异常了会如何处理

3. Promise为什么能链式调用

4. 描述一下EventLoop的执行过程

5. docoment,window,html,body的层级关系

6. addEventListener函数的第三个参数

7. 有写过原生的自定义事件吗

8. 冒泡和捕获的具体过程

9. 所有的事件都有冒泡吗？

11. 描述下原型链

12. 手写new

13. typeof和instanceof的区别

14. typeof为什么对null错误的显示

15. 详细说下instanceof

16. 一句话描述一下this

17. 函数内的this是在什么时候确定的？

18. apply/call/bind的相同和不同

19. webpack中的loader和plugin有什么区别

20. HTTP和TCP的不同

21. TCP和UDP的区别

22. 介绍一下虚拟DOM

23. 盒模型

24. 输入URL到页面的呈现

深圳某房地产公司

一面

5道笔试题

二面

1. JSONP的原理以及手写一个实现

 2. 浏览器为什么要跨域？如果是因为安全的话那小程序或者其他的为什么没有跨域？

3. CORS跨域的原理

4. CORS预请求OPTIONS就一定是安全的吗？

5. 在深圳的网页上输入百度，是怎么把这个请求发到北京的

6. 输入URL到页面的呈现

7. Vue的响应式原理

8. 那在这个响应式中一个数据改变它是怎么通知要更新的，也就是如何把数据和页面关联起来？

深圳某海外直播公司

1. CommonJS和ES6模块的区别

2. 模块的异步加载

3. 开发一个模块要考虑哪些问题？

4. 实现一个一组异步请求按顺序执行你有哪些方法？

5. Promise.all()是并发的还是串行的？

6. 平时写过哪些正则表达式

7. 正则里的非如何实现的

8. webpack几种hash的实现原理

9. webpack如果使用了hash命名，那是每次都会重写生成hash吗

10. webpack中如何处理图片的？

11. 说一下回流和重绘

12. 盒模型及如何转换

13. 实现水平垂直居中的几种方式

14. flex的兼容性怎样

15. 你知道到哪里查看兼容性吗

16. 移动端中css你是使用什么单位

17. rem和em的区别

18. 在移动端中怎样初始化根元素的字体大小

19. 移动端中不同手机html默认的字体大小都是一样的吗

20. 你做过哪些动画效果

21. 如果让你实现一个一直旋转的动画你会如何做

22. animation介绍一下

23. animation有一个steps()功能符知道吗？

24. 用过哪些移动端的调试工具

25. 说一下原型链

26. 详细说一下instanceof

27. V8的垃圾回收是发生在什么时候？

28. 具体说一下垃圾回收机制

29. 在项目中如何把http的请求换成https

30. 知道meta标签有把http换成https的功能吗？

31. http请求可以怎么拦截

32. https的加密方式

33. 混合加密的好处

34. 浏览器如何验证服务器的身份

35. ETag首部字段说一下

36. 你们的token一般是存放在哪里的

37. token会不会被伪造？

38. redis中一般用来存什么

39. 前后端如何验证一个用户是否下线了

40. CSP白名单知道吗？

41. nginx有配置过吗？

42. 反向代理知道吗？

43. 有用过抓包工具吗？

44. 你平常用的电脑是Mac吗？

45. Fiddler有用过吗？

46. Vue的diff算法

47. Vue中computed和methods的区别

48. 例如要获取当前时间你会放到computed还是methods里？

49. 你们的权限功能是怎么做的？

50. 那你在判断权限的时候是用的字符串匹配还是位运算？

深圳某国内直播公司

一面

1. 输入URL到页面呈现

2. 为什么说script标签建议放在body下面？

3. 为什么说script标签会阻塞页面的渲染呢？渲染线程和js引擎线程不是分开的吗？

4. 协商缓存说一下

5. HTTP中的Keep-Alive有了解过吗？

6. 跨域有了解吗？如何解决跨域？

7. WebSocket有了解过吗？它也可以跨域的

8. 前端安全方面？XSS？CSRF？

9. setTimeout的执行原理(EventLoop)

10. requestAnimationFrame有了解过吗？

11. requestAnimationFrame和setTimeout的区别？

12. 平常工作中ES6+主要用到了哪些？

13. 如何在前端实现一个图片压缩

14. 你上家公司主要是做什么的？

15. 团队多少人呢？

16. 项目中有碰到什么难的问题吗？如何解决的？

17. 期望薪资多少？

18. 还有什么想要问我的吗？

二面(CTO)

1. JSONP的实现原理

2. XSS攻击以及如何预防？

3. 不使用框架如何实现组件按需加载以及原理

4. 你们这个是自己写的组件库吗？

5. 还有什么想要问我的吗？？

三面(HR)

问的问题有点多，我挑一些记得住的哈

1. 第一家公司为什么离职？第二家为什么离职？

2. 第一家工资多少？第二家多少？

3. 两家公司主要是做什么的？规模是多大？

4. 之前都是你一个前端吗？

5. 有了解过我们公司吗？感觉怎么样？

6. 因为我们现在整个研发团队人也不是太多就30多个，前端加上总监可能就4个，你会考虑这么一个团队吗？

7. 有拿到其它的offer吗？

8. 拒绝一些offer的原因是什么？

9. 你的期望薪资我们可能给不到，你怎么想的？

10. 平常的兴趣爱好是什么？

11. 老家在哪里？...

12. 现在住哪里？...

13. 还有什么想要问我的吗？？？

小伙伴们想要以上答案的和更多相关学习资料请点赞收藏+评论转发+关注我之后私信我，注意回复【000】即可获取更多免费资料！

后语

你盼世界，我盼望你无bug。这篇文章就介绍到了这里。

有总结的不足的地方还喜欢小伙伴能在评论区留言。

我是一只正在努力求生存的呆呆，也在这条路上不断的总结和成长，希望自己能够坚持✊。