前端面试必问题目

HTML

几乎不问。

浏览器

1. 浏览器的事件循环机制（其实就是 JavaScript 的事件循环机制）
2. 浏览器的重绘与回流的定义以及之间的区别
3. 浏览器的渲染机制
4. 输入一个 url 到页面展示经历了什么过程（计网 + 浏览器的渲染机制）
5. cookie 和 sessionStorage 和 localStorage 的区别

CSS

1. css 如何实现垂直水平居中
2. css 中的 flex: 1 的具体含义
3. css 中的 flex 布局的使用
4. bfc 的概念和常用的地方，如何创建一个 bfc
5. 隐藏元素的几种方法，每种方法之间的区别

JavaScript

1. JavaScript 的 event loop 机制
2. es6 的新特性
3. let 和 const 之间的区别
4. Promise 的使用和看题写结果
5. 宏任务和微任务的执行机制
6. JavaScript 的基本数据类型有几个
7. 关于 this 的指向的问题
8. bind 和 call 和 apply 之间有什么区别
9. 深拷贝和浅拷贝之间的区别
10. 什么是闭包
11. 防抖和节流的概念
12. 什么情况下会导致内存泄露

Vue

1. vue 的双向绑定的原理
2. vue2 和 vue3 的区别
3. vue2 和 vue3 的具体的响应式原理
4. vue2 中如何解决对象和数组无法响应的问题
5. vue 中书写的 html 是真实的 html 吗
6. vue2 中的 data 为什么是一个函数
7. v-show 和 v-if 之间的区别
8. v-for 渲染时 key 的作用
9. vue 的 diff 机制

计网

1. 网络请求常见的 code 状态码
2. http 协商缓存和强制缓存的概念
3. OSI 七层网络模型、五层网络模型、四层网络模型，已经每一层常见的协议
4. tcp 三次握手和四次挥手
5. tcp 为什么可靠
6. tcp 与 udp 之间的区别
7. http1.1 和 http2.0 和 http3.0 的每一个的特点和区别

项目

1. 项目的介绍
2. 项目的难点和亮点

Webpack

1. webpack 的性能优化
2. webpack 的打包原理，即具体的流程
3. webpack 常见的 loader 和 plugin

算法和JS手写

几乎都要写。