我做面试官--我会问你那些问题

初级面试题目

1. 如何让两个div并排排列

2. 实现一个水平垂直居中布局

   1. position 的默认属性是什么

3. 标准盒模型和怪异盒模型的区别

4. webpack分为那几个部分

5. A页面在完成某件事后，要跳转到B页面，B页面的URL是通过A页面的URL参数带进来的。

   1. 请问这会有什么问题？
   2. 写一个方法，判断当前的URL是否在白名单中，如果是跳转，如果不是不跳转

6. 节流函数

   1. 原理是什么？
   2. 30秒触发一次，不超过30秒，不触发，一旦进入函数重新开始计时
   3. 举例说明节流函数的应用场景

中级面试题目

1. 说说常见的布局形式
   1. flex
   2. grid
   3. table
2. 水平垂直居中的实现？
   1. flex
   2. postiion
3. 说说对px，em，rem, vw，vh的理解
4. 怎么准确判断一个变量的类型？
5. 说说你知道的ES6最新的语法？
   1. 说说你对promise的理解
6. 对webpack了解吗？
   1. 知道怎么开发一个npm包吗？
   2. 知道怎么开发一个脚手架吗？
7. 节流函数
8. 说说前端性能优化的几种方式？
   1. http缓存机制
9. 知道什么是CSRF嘛？
   1. 如何防止CSRF发生
10. 说说你常用的设计模式？
11. 为什么离职？
12. 你平时是怎么学习前端技术的

高级面试题目

13. A、B 两个数组做合并，要求B中的元素，要按照A中元素的顺序排列