前端面试知识点清单【JS+Webpack+浏览器】

1. 模拟实现一个 Promise.finally

2. 介绍下 Promise.all 使用、原理实现及错误处理

3. 设计并实现 Promise.race()

4. ES6 代码转成 ES5 代码的实现思路是什么

5. 介绍下 webpack 热更新原理，是如何做到在不刷新浏览器的前提下更新页面的

6. 为什么普通 for 循环的性能远远高于 forEach 的性能，请解释其中的原因

7. 使用 JavaScript Proxy 实现简单的数据绑定

8. 跨域的解决方案

9. 详细介绍一下cors

   跨域资源共享 CORS
   1.如何区别简单请求和复杂请求
   2.跨域相关
   跨域资源共享 CORS 详解

10. 本地开发页面，需要请求后台接口，如何跨域传递cookie

11. 浏览器缓存

12. 介绍一下重绘和重排

13. 盒模型

14. BFC

15. service worker如何更新

16. 介绍下 Set、Map、WeakSet 和 WeakMap 的区别？

17. Async/Await 如何通过同步的方式实现异步||setTimeout、Promise、Async/Await 的区别

18. JS 异步解决方案的发展历程以及优缺点

19. 如何实现一个 new

20. http2的多路复用

21. TCP三次握手和四次挥手

22. 模拟实现一个深拷贝，并考虑对象相互引用以及 Symbol 拷贝的情况

23. 实现模糊搜索结果的关键词高亮显示

24. 在输入框中如何判断输入的是一个正确的网址。

25. var、let 和 const 区别的实现原理是什么

26. input 搜索如何防抖，如何处理中文输入

27. 介绍下 BFC、IFC、GFC 和 FFC

28. 箭头函数与普通函数（function）的区别是什么？构造函数（function）可以使用 new 生成实例，那么箭头函数可以吗？为什么？

29. 怎么让一个 div 水平垂直居中

30. call 和 apply 的区别是什么，哪个性能更好一些

31. cookie 和 token 都存放在 header 中，为什么不会劫持 token？

32. 全局作用域中，用 const 和 let 声明的变量不在 window 上，那到底在哪里？如何去获取？

33. 介绍下观察者模式和订阅-发布模式的区别，各自适用于什么场景

34. 有以下 3 个判断数组的方法，请分别介绍它们之间的区别和优劣Object.prototype.toString.call() 、 instanceof 以及 Array.isArray()

35. web worker【https://www.cnblogs.com/goloving/p/13962441.html】