前端面试问题

找到工作并非易事。虽然你不可能知道面试官问你所有问题的答案，但有一些常见问题你可以提前准备。

人们不知道在申请工作时会遇到什么样的前端面试问题。

在本文中，我将分享一些针对不同经验水平的程序员在不同的面试中经常遇到的前端面试问题。

以下是我列出的前端工作面试中最常见的一些编码面试问题：

机器编码面试问题：

1. 使用 vanilla JS 创建产品结果页面（带有过滤、排序功能）
2. 创建自动完成功能
3. 创建日历

热门 JavaScript 面试问题

1. let、var 和 const 之间的区别
2. JS 中的上下文是什么？
3. map、reduce 和 filter 之间的区别
4. 类和函数之间的区别
5. 普通函数与箭头函数
6. async 和 defer 之间的区别
7. == 和 === 之间的区别
8. setTimeout 和 setInterval 之间的区别
9. 有哪些不同的 DOM API
10. DOM 与虚拟 DOM
11. 事件循环如何工作
12. 什么是事件委托
13. call、bind 和 apply 之间的区别
14. 解释承诺
15. 节流与去抖动
16. 什么是闭包以及为什么要使用闭包
17. 不同的内部存储及其区别
18. 什么是变量提升
19. document.ready(){} 和 window.onload(){} 之间的区别
20. 脚本中的 async、preload、prefetch 是什么
21. 回调与承诺
22. 解释柯里化
23. 关于展平阵列的问题
24. 按值调用 vs 按引用调用
25. 原型继承
26. 如何优化页面性能
27. 为 Filter、Reduce、Promise 编写 polyfill

热门 CSS 面试问题

1. 解释显示属性及其区别
2. 解释位置属性及其区别
3. div 和 span 的区别
4. 什么是盒子模型
5. 显示：无；可见性：隐藏；不透明度：0；之间的区别
6. 创建模态框
7. 你对精灵了解多少
8. CSS 预处理器有哪些不同

热门 HTML 面试问题

1. 什么是 DoctTYPE
2. HTML5 标签有哪些
3. 什么是语义 HTML

Web浏览器相关问题

1. 浏览器如何工作
2. 跨浏览器测试
3. A/B 测试
4. HTTP1 与 HTTP2
5. 跨域资源共享 (CORS)
6. 持续集成/持续交付

工具相关问题

1. Webpack
2. 巴别塔
3. 什么是摇树

其他框架问题

1. 解释 React 如何工作
2. 我们为什么要使用redux、状态管理。
3. React 生命周期方法
4. Hooks 概念
5. 解释上下文 API
6. React 中的 ref 是什么
7. React中纯组件、函数组件、类组件的区别
8. 什么是服务器端渲染
9. 有哪些不同的测试技术

我会尽快为以上问题添加答案。祝你好运！如果你有任何问题，请在评论区或@suprabhasupi告诉我。