原创 初中级前端程序员面试中小型公司会问哪些问题?

初中级前端程序员面试中小型公司会问哪些问题?不同的公司面试内容也不尽相同，有的面试过程很轻松，有的面试官是个架构师level 挺高不会问八股文，给出了几个现实中的场景，然后转换成代码的逻辑去让实现。

因此在面试过程中要做好准备，随机应变。面试题一览：

1、一般请求后端接口，你都怎么弄？

2、你的后端要给你什么样的信息，你才能请求成功呢？

3、请求参数有什么格式？

4、如何给后端传递一个文件？

5、你如何理解前端工程化?

6、要买个电脑，找 A 借 1k，找 B 借 2K，找 C 借 3K，拿着六千块钱买电脑，抽象成前端的逻辑就是请求不同的接口获取数据，拿到所有的数据之后进行展示，这个怎么实现？

7、不使用 promise.all , async/await 怎么实现?

8、promise.all 和 async/await 有什么区别?

9、promise.all 是为了解决什么问题?

10、有一批不定数量的人，第一个人去超市买一个东西，第一个人买回来以后第二个人再去买，第二个回来以后第三个再去买，抽象成前端的逻辑如何实现？（其实他想听的答案就是递归，结果我把洋葱圈原理讲了一遍）

11、如何删除事件监听，一个元素绑定了多个事件，你怎么确认删除的是哪个？

12、你都如何调试代码？（这个阶段就是打开谷歌控制台，一个个讲各种功能都能干什么事）

13、谷歌调试工具你都会用什么功能？

14、怎么进行断点调试？

15、控制台都能干什么事？

16、不熟悉的项目，如何找到接口所在的代码？

17、如果接口地址是动态的呢，是其他接口返回的？

18、localStorage，session，cookie的区别是什么？

19、然后问几个开源项目

因为我带了电脑，所以还看了看我的代码。一般请求后端接口，你都怎么弄？这个问题其实没有搞懂面试官想问什么，参照接口文档发起请求就行了呗，顶多就是再二次封装一个 axios。

20、你的后端要给你什么样的信息，你才能请求成功呢？

请求方式

请求参数

21、请求参数有什么格式？

HTTP 请求参数之三种格式

Query String Parameters

Form Data

Request Payload

22、如何给后端传递一个文件？

前后端文件上传过程以及方法

23、你如何理解前端工程化?

结合代码实践全面学习前端工程化

24、上面提到的买电脑这个例子怎么实现？

答：使用 promise.all 或者 async/await。

25、不使用 promise.all , async/await 怎么实现?

不知道了。

26、promise.all 和 async/await 有什么区别?

答：Async Await 是基于 promise 实现，是改良版的 promise，使代码看起来更加简洁，异步代码执行像同步代码一样。

27、promise.all 是为了解决什么问题?

答：汇总大量的异步操作结果。

28、如何删除事件监听，一个元素绑定了多个事件，你怎么确认删除的是哪个？

element.removeEventListener(type，handler，false/true)

复制代码

type:事件类型

handler:事件执行触发的函数

false/true:false 为冒泡 ，true 为捕获，参数是 true，表示在捕获阶段调用事件处理程序；如果是false，表示在冒泡阶段调用事件处理程序。
需要注意的是，通过匿名函数是无法消除监听事件，只有通过实名函数才能。

29、不熟悉的项目，如何找到接口所在的代码？

答：可以搜接口的地址。

30、localStorage，session，cookie的区别是什么？

理解cookie、session、localStorage、sessionStorage之不同