震惊前端阿里P8!竟然有这么全的前端面试手册！

如果对前端八股文感兴趣，可以留意公重号：码农补给站，总有你要的干货。

听一些小伙伴说，近期的面试越来越难了！为了帮大家节约时间，给大家搞来了今年碰到的大厂前端面试题合集，内容非常的全面。我采访了超过20位资深大厂面试官后，一直在尽量精炼准确的整理一套切实可行的八股文，现在已经有329位粉丝通过这套题走入了理想的岗位，所以分享出来给大伙看看，有什么不足之处欢迎评论补充。

在本文中，精心整理了350个面试问题，涵盖了数据结构、JS、css、es6、vue2、vue3、React、Node、小程序、HTTP、TS。Webpacke、Git、Linux、算法、设计模式 等。

篇幅所限本文就只贴一下题目了，同学们可以自己先看看有哪些题是会的，答案的话我整理的一本《前端面试八股文》PDF里都有

一、JavaScript

1. 说说JavaScript中的数据类型？存储上的差别？
2. 说说你了解的js数据结构？
3. DOM常⻅的操作有哪些？
4. 说说你对BOM的理解，常⻅的BOM对象你了解哪 些？
5. == 和 ===区别，分别在什么情况使⽤
6. typeof 与 instanceof 区别
7. JavaScript原型，原型链 ? 有什么特点？
8. 说说你对作⽤域链的理解
9. 谈谈this对象的理解
10. 说说new操作符具体⼲了什么？

 二、CSS⾯试真题
1. 说说你对盒⼦模型的理解?
2. 谈谈你对BFC的理解？
3. 什么是响应式设计？响应式设计的基本原理是什么？
4. 元素⽔平垂直居中的⽅法有哪些？如果元素不定宽⾼ 呢？
5. 如何实现两栏布局，右侧⾃适应？三栏布局中间⾃适 应呢？
6. css选择器有哪些？优先级？哪些属性可以继承？
7. css中，有哪些⽅式可以隐藏⻚⾯元素？区别?
8. 如何实现单⾏／多⾏⽂本溢出的省略样式？
9. CSS如何画⼀个三⻆形？原理是什么？
10. 如何使⽤css完成视差滚动效果?

三、ES6⾯试真题
1. 说说var、let、const之间的区别
2. ES6中数组新增了哪些扩展？
3. 函数新增了哪些扩展？
4. 对象新增了哪些扩展？
5. 你是怎么理解ES6中 Promise的？使⽤场景？
6. 你是怎么理解ES6中Module的？使⽤场景？
7. 你是怎么理解ES6中 Generator的？使⽤场景？
8. 你是怎么理解ES6中 Decorator 的？使⽤场景？
9. 你是怎么理解ES6新增Set、Map两种数据结构的？
10. 你是怎么理解ES6中Proxy的？使⽤场景?

四、Vue2⾯试真题
1. 请描述下对vue⽣命周期的理解
2. 双向数据绑定是什么
3. Vue组件之间的通信⽅式都有哪些？
4. 为什么data属性是⼀个函数⽽不是⼀个对象？
5. 动态给vue的data添加⼀个新的属性时会发⽣什么？ 怎样解决？
6. v-if和v-for的优先级是什么？
7. v-show和v-if有什么区别？使⽤场景分别是什么？
8. 你知道vue中key的原理吗？说说你对它的理解
9. 说说你对vue的mixin的理解，有什么应⽤场景？
10. Vue常⽤的修饰符有哪些有什么应⽤场景

五、Vue3⾯试真题
1. Vue3.0 所采⽤的 Composition Api 与 Vue2.x 使⽤ 的 Options Api 有什么不同？
2. Vue3.0的设计⽬标是什么？做了哪些优化
3. ⽤Vue3.0 写过组件吗？如果想实现⼀个 Modal你会怎么设计？
4. Vue3.0性能提升主要是通过哪⼏⽅⾯体现的？
5. Vue3.0⾥为什么要⽤ Proxy API 替代 defineProperty API ？
6. 说说Vue 3.0中Treeshaking特性？举例说明⼀下？

六、React⾯试真题
1. 说说对 React 的理解？有哪些特性？
2. state 和 props 有什么区别？
3. super() 和 super(props) 有什么区别？
4. 说说对React中类组件和函数组件的理解？有什么区 别？
5. 说说对受控组件和⾮受控组件的理解？应⽤场景？
6. 说说React的事件机制？
7. React事件绑定的⽅式有哪些？区别？
8. React构建组件的⽅式有哪些？区别？
9. 说说react中引⼊css的⽅式有哪⼏种？区别？
10. 说说 React ⽣命周期有哪些不同阶段？每个阶段对应的⽅法是？

添加图片注释，不超过 140 字（可选）
七、Node.js⾯试真题
1. 说说你对Node.js 的理解？优缺点？应⽤场景？
2. 说说对 Node 中的 fs模块的理解? 有哪些常⽤⽅法
3. 说说对 Node 中的 Buffer 的理解？应⽤场景？
4. 说说对 Node 中的 Stream 的理解？应⽤场景？
5. 说说对 Node 中的 process 的理解？有哪些常⽤⽅ 法？
6. 说说Node中的EventEmitter? 如何实现⼀个 EventEmitter?
7. 说说 Node ⽂件查找的优先级以及 Require ⽅法的⽂ 件查找策略?
8. 说说 Node有哪些全局对象？
9. 说说对中间件概念的理解，如何封装 node 中间件？
10. 说说对Nodejs中的事件循环机制理解?

八、⼩程序⾯试真题
1. 说说你对微信⼩程序的理解？优缺点？
2. 说说微信⼩程序的⽣命周期函数有哪些？
3. 说说微信⼩程序的登录流程？
4. 说说微信⼩程序中路由跳转的⽅式有哪些？区别？
5. 说说微信⼩程序的发布流程？
6. 说说微信⼩程序的⽀付流程？
7. 说说微信⼩程序的实现原理？
8. 说说提⾼微信⼩程序的应⽤速度的⼿段有哪些？

九、HTTP⾯试真题
1. 如何理解OSI七层模型?
2. 如何理解TCP/IP协议?
3. 如何理解UDP 和 TCP? 区别? 应⽤场景?
4. 说⼀下 GET 和 POST 的区别？
5. 说说TCP为什么需要三次握⼿和四次挥⼿？
6. 说说 HTTP 常⻅的请求头有哪些? 作⽤？
7. 说说HTTP 常⻅的状态码有哪些，适⽤场景？
8. 什么是HTTP? HTTP 和 HTTPS 的区别?
9. 说说 HTTP1.0/1.1/2.0 的区别?
10. 为什么说HTTPS⽐HTTP安全? HTTPS是如何保证 安全的？

十、Typescript⾯试真题
1. 说说你对 TypeScript 的理解？与 JavaScript 的区 别？
2. 说说 typescript 的数据类型有哪些？
3. 说说你对 TypeScript 中⾼级类型的理解？有哪些？
4. 说说你对 TypeScript 中接⼝的理解？应⽤场景？
5. 说说你对 TypeScript 中类的理解？应⽤场景？
6. 说说你对 TypeScript 中枚举类型的理解？应⽤场 景？
7. 说说你对 TypeScript 中函数的理解？与 JavaScript 函数的区别？
8. 说说你对 TypeScript 中泛型的理解？应⽤场景？
9. 说说你对 TypeScript 装饰器的理解？应⽤场景？
10. 说说对 TypeScript 中命名空间与模块的理解？区 别？

十一、Webpack⾯试真题
1. 说说你对webpack的理解？解决了什么问题？
2. 说说webpack的热更新是如何做到的？原理是什么？
3. 说说webpack的构建流程?
4. 说说webpack proxy⼯作原理？为什么能解决跨域?
5. 说说webpack中常⻅的Loader？解决了什么问题？
6. 说说webpack中常⻅的Plugin？解决了什么问题？
7. 说说Loader和Plugin的区别？编写Loader，Plugin的 思路？
8. 如何提⾼webpack的构建速度？
9. 说说如何借助webpack来优化前端性能？
10. 与webpack类似的⼯具还有哪些？区别？

十二、Git⾯试真题
1. 说说你对版本管理的理解？常⽤的版本管理⼯具有哪 些？
2. 说你对Git的理解？
3. 说说Git常⽤的命令有哪些？
4. 说说Git 中 HEAD、⼯作树和索引之间的区别？
5. 说说 git 发⽣冲突的场景？如何解决？
6. 说说Git中 fork, clone,branch这三个概念，有什么区 别?
7. 说说对git pull 和 git fetch 的理解？有什么区别？
8. 说说你对git rebase 和 git merge的理解？区别？
9. 说说你对git reset 和 git revert 的理解？区别？
10. 说说你对git stash 的理解？应⽤场景？

十三、Linux⾯试真题
1. 说说你对操作系统的理解？核⼼概念有哪些？
2. 说说什么是进程？什么是线程？区别？
3. 说说你对 shell 的理解？常⻅的命令？
4. 说说你对 linux ⽤户管理的理解？相关的命令有哪 些
5. 说说 linux系统下 ⽂件操作常⽤的命令有哪些？
6. 说说 linux 系统下 ⽂本编辑常⽤的命令有哪些？
7. 说说你对输⼊输出重定向和管道的理解？应⽤场景？

十四、算法⾯试真题
1. 说说你对数据结构的理解？有哪些？区别？
2. 说说你对算法的理解？应⽤场景？
3. 说说你对算法中时间复杂度，空间复杂度的理解？如 何计算？
4. 说说你对集合的理解？常⻅的操作有哪些？
5. 说说你对树的理解？相关的操作有哪些？
6. 说说你对栈、队列的理解？应⽤场景？
7. 说说你对链表的理解？常⻅的操作有哪些？
8. 说说你对堆的理解？如何实现？应⽤场景？
9. 说说你对图的理解？相关操作有哪些？
10. 说说常⻅的排序算法有哪些？区别？

十五、设计模式⾯试真题
1. 说说对设计模式的理解？常⻅的设计模式有哪些？
2. 说说你对⼯⼚模式的理解？应⽤场景？
3. 说说你对单例模式的理解？如何实现？
4. 说说你对策略模式的理解？应⽤场景？
5. 说说你对发布订阅、观察者模式的理解？区别？
6. 说说你对代理模式的理解？应⽤场景？