前端面试题汇总（js、css、vue）

JavaScript

1. 都有哪些数据类型（不要忘记 null和undefined）
2. 判断数据类型的方法有哪些，原理是什么
3. var，let 和 const有什么区别
4. 捕获和冒泡的过程
5. 描述一下js事件循环的过程（什么时候渲染UI）
6. 垃圾回收机制
7. import和require区别
8. requestAnimationFrame好处是什么，什么原理
9. apply、call、bind的用法和区别
10. 防抖和节流的区别和使用场景
11. promise作用
12. 如何使a==1 && a == 2 && a == 2成立
13. 箭头函数（箭头函数可以做做构造函数吗）
14. new都做了什么
15. 如何实现继承
16. async函数是什么
17. 数组操作方法

CSS

1. rem、em 与 vh、vw的区别
2. rem和em去不
3. rem和vh的对比
4. 如何画一条1px的直线
5. 移动端键盘被顶上去如何解决
6. 如何解决滚动穿透
7. 重绘与重排了解吗
8. position和translate相对定位时有什么区别
9. 实现垂直居中都有什么方法
10. 如何清除浮动
11. BFC是什么，可以解决什么问题
12. 了解盒子模型吗

Vue

1. vue的生命周期
2. 路由守卫
3. vue对数组的哪些事件做了处理，如果你来做，如何避免不响应的问题
4. 组件通信的几种方式
5. vue里的data和vuex里的数据都可以监听到变化，两者有什么不同
6. 自定义指令vue.directive的用法
7. vue3用过吗，有哪些了解
8. watch和computed区别
9. vue里data为什么是function（引伸到闭包）
10. vue的nextTick原理
11. diff渲染

网络

1. 7层网络模型都有什么，每层有哪些协议
2. 描述一下三次握手和四次挥手的过程，为什么这样设计
3. http返回码（重点304）
4. 服务端304是什么意思
5. 跨域的几种方式
6. 强缓存和协商缓存
7. 拥塞控制
8. http1.0和1.1以及2.0都有什么区别
9. cookie和session的区别
10. cookie是用来干嘛的，如何防止cookie被修改
11. tcp与udp的区别

webpack

1. webpack可以做哪些优化
2. webpack都有哪些部分
3. babel是什么，是怎么工作的
4. css、style、less三个loader的执行顺序，分别做了什么

其他

1. 用过哪些设计模式
2. vue里用到了什么设计模式
3. es6了解什么
4. AST
5. 会写node吗
6. 会react吗
7. 用过websocked吗
8. web与nativa交互方式（jsbrige原理）
9. video标签的播放拖动等是怎么实现的
10. 如何理解模块化
11. 图片懒加载

编码

1. 实现 JSON.Stringfy
2. 数组api，数组sort方法
3. 实现数组扁平化
4. async/await promise settimeout 输出顺序判断
5. promise几个api（all，settled，once，any）的实现方法
6. URL上的参数转为数组
7. 实现深拷贝
8. 实现apply、call、bind
9. 防抖、节流函数的实现
10. leetcode题

非技术方面

1. 自我介绍
2. 为什么离职
3. 为什么转前端
4. 职业规划
5. 之前的团队有哪些让你比较认可的东西
6. 为什么加入之前的公司

不定期更新～