快乐的时光总是短暂的，我的周末假期已经结束了，不知道大家的假期过得充实与否？
这个小长假我没出去浪，家里蹲又属实无聊，所以我花三天时间整理了一下今年二、三、四月份各大厂出现频率比较高的一些Web前端面试题，希望对跳槽和找工作的朋友有一些参考价值。说句题外话，其实只要自己实力足够，完全没必要去赶什么所谓的金三银四，随时都有公司抢着要。
那废话就不多说了，我们直接发车，坐稳扶好！
JavaScript面试真题(35题)
1.说说JavaScript中的数据类型?存储上的差别?
2.说说你了解的j数据结构?
3.DOM常见的操作有哪些?
4.说说你对BOM的理解，常见的BOM对象你了解哪 些?
5.==和 ===区别，分别在什么情况使用
6.typeof与instanceof 区别
7.JavaScript原型，原型链?有什么特点?
8.说说你对作用域链的理解
9.谈谈this对象的理解
10.说说new操作符县体干了什么?
11.bind、call、apply 区别?如何实现一个bind?
12.Javascript中执行上下文和执行栈是什么?
13.说说JavaScript中的事件模型
14.解释下什么是事件代理?应用场景?
15.说说你对闭包的理解?闭包使用场景
16.谈谈JavaScript 中的类型转换机制
17.深拷贝浅拷贝的区别?如何实现一个深拷贝?
18.Javascript中如何实现函数缓存?函数缓存有哪些应 用场景?
19.Javascript字符串的常用方法有哪些?
20.数组的常用方法有哪些?
21.说说你对事件循环的理解
22.Javascript本地存储的方式有哪些?区别及应用场 景?
23.大文件上传如何做断点续传?
24.ajax原理是什么?如何实现?
25.什么是防抖和节流?有什么区别?如何实现?
26.如何判断一个元素是否在可视区域中?
27.什么是单点登录?如何实现?
28.如何实现上拉加载，下拉刷新?
29.说说你对正则表达式的理解?应用场景?
30,说说你对函数式编程的理解?优缺点?
31.web常见的攻击方式有哪些?如何防御?
32.说说Javascript 中内存泄漏的几种情况?
33.Javascript如何实现继承?
34.说说Javascript 数字精度丢失的问题，如何解决?
35.举例说明你对尾递归的理解，有哪些应用场景
CSS面试真题(20题)
1.说说你对盒子模型的理解?
2.谈谈你对BFC的理解?
3.什么是响应式设计?响应式设计的基本原理是什么? 如何做?
4.元素水平垂直居中的方法有哪些?如果元素不定宽高 呢?
5.如何实现两栏布局，右侧自适应?三栏布局中间自适 应呢?
6.css选择器有哪些?优先级?哪些属性可以继承?
7.css中，有哪些方式可以隐藏页面元素?区别?
8.如何实现单行/多行文本溢出的省略样式?
9.Css如何画一个三角形?原埋是什么?
10.如何使用css完成视差滚动效果?
11.CSS3新增了哪些新特性?
12.css3动画有哪些?
13.介绍一下grid网格布局
14.说说flexbox(弹性盒布局模型),以及适用场景?
15.说说设备像素、css像素、设备独立像素、dpr、 ppi之间的区别?
16.说说em/px/rem/vh/vw区别?
17.让Chrome支持小于12px 的文字方式有哪些?区 别?
18.怎么理解回流跟重绘?什么场景下会触发?
19.说说对Css预编语言的理解?有哪些区别?
20.如果要做优化，CsS提高性能的方法有哪些?
ES6面试真题(10题)
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面试真题(29题)
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常用的修饰符有哪些有什么应用场景
11.Vue中的$nextTick有什么作用?
12.Vue实例挂载的过程
13.你了解vue的diff算法吗?
14.Vue中组件和插件有什么区别?
15.vue项目中你是如何解决跨域的呢?
16.有写过自定义指令吗?自定义指令的应用场景有哪 些?
17.Vue中的过滤器了解吗?过滤器的应用场景有哪些?
18.说说你对slot的理解?slot使用场景有哪些?
19.什么是虚拟DOM?如何实现一个虚拟DOM?说说你 的思路
20.Vue项目中有封装过axios吗?主要是封装哪方面 的?
21.是怎么处理vue项目中的错误的?
22.你了解axios的原埋吗?有看过它的源码吗?
23.vue要做权限管理该怎么做?
24.说说你对keep-alive的理解是什么?
25.你对SPA单页面的理解，它的优缺点分别是什么?如何实现SPA应用呢
26.SPA首屏加载速度慢的怎么解决?
27.vue项目本地开发完成后部署到服务器后报404是什 么原因呢?
28.SSR解决了什么问题?有做过SSR吗?你是怎么做 的?
29.wue3有了解过吗?能说说跟vue2的区别吗?
Vue3面试真题(6题)
- Vue3.0所采用的 Composition Api与 Vue2,x 使用 的 Options Api有什么不同?
2.Vue3.0的设计目标是什么?做了哪些优化
3.用Vue3.0写过组件吗?如果想实现一个 Modal你会怎么设计?
4.Vue3.0性能提升主要是通过哪几方面体现的?
- Vue3.0里为什么要用 Proxy AP|替代 defineProperty AP!?
6.说说Vue 3.0中Treeshaking特性?举例说明一下?
React面试真题(31题）
1.说说对 React 的理解?有哪些特性?
2.state和 props 有什么区别?
3.super0 和 super(props) 有什么区别?
4.说说对React中类组件和函数组件的理解?有什么区 别?
5.说说对受控组件和非受控组件的理解?应用场景?
6.说说React的事件机制?
7.React事件绑定的方式有哪些?区别?
- React构建组件的方式有哪些?区别?
9.说说react中引入css的方式有哪几种?区别?
10.说说 React 生命周期有哪些不同阶段?每个阶段对应的方法是?
11.React中组件之间如何通信?
12.说说对高阶组件的理解?应用场景?
13.在react中组件间过渡动画如何实现?
14.说说你在React项自是如何捕获错误的?
15.说说对React refs 的理解?应用场景?
16.说说 React中的setstate执行机制
17.说说React render方法的原理?在什么时候会被触 发?
18.说说 Real DOM 和 Virtual DOM 的区别?优缺点?
19.说说ReactJsx转换成真实DOM过程?
20.说说对Fiber架构的理解?解决了什么问题?
21.React中的key有什么作用?
22.说说React diff的原埋是什么?
23.说说对React Hooks的理解?解决了什么问题?
24.说说你是如何提高组件的渲染效率的?在React中如何避免不必要的render?
25.说说 React 性能优化的手段有哪些?
26.说说你对React Router的理解?常用的Router组件 有哪些?
27.说说React Router有几种模式?实现原理?
28.你在React项目中是如何使用Redux的?项目结构是 如何划分的?
29,说说对Redux中间件的理解?常用的中间件有哪 些?实现原理?
30.说说你对immutable的理解?如何应用在react项目 中?
31.说说React服务端渲染怎么做?原理是什么?
Nodejs面试真题(14题)
1.说说你对Nodejs 的理解?优缺点?应用场景?
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中的事件循环机制理解?
11.Node性能如何进行监控以及优化?
12.如何实现文件上传?说说你的思路
13.如何实现iwt鉴权机制?说说你的思路
14.如果让你来设计一个分页功能,你会怎么设计? 前后 端如何交互?
小程序面试真题(8题)
1.说说你对微信小程序的理解?优缺点?
2.说说微信小程序的生命周期函数有哪些?
3.说说微信小程序的登录流程?
4.说说微信小程序中路由跳转的方式有哪些?区别?
5.说说微信小程序的发布流程?
6.说说微信小程序的支付流程?
7.说说微信小程序的实现原理?
8.说说提高微信小程序的应用速度的手段有哪些?
HTTP面试真题(14题）
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是如何保证 安全的?
11.如何理解CDN?说说实现原理?
12.DNS协议 是什么?说说DNS 完整的查询过程?
13.说说对Websocket的理解?应用场景?
14.说说地址栏输入 URL 敲下回车后发生了什么?
Typescript面试真题(12题）
1.说说你对 TypeScript 的理解?与Javascript 的区 别?
2.说说 typescript 的数据类型有哪些?
3.说说你对 Typescript 中高级类型的理解?有哪些?
4.说说你对 TypeScript 中接囗的理解?应用场景?
5.说说你对 Typescript 中类的理解?应用场景?
6.说说你对 Typescript 中枚举类型的理解?应用场 景?
7.说说你对 TypeScript 中函数的理解?与Javascript 函数的区别?
8.说说你对 Typescript 中泛型的理解?应用场景?
9.说说你对 Typescript 装饰器的理解?应用场景?
10.说说对 Typescript 中命名空间与模块的理解?区 别?
11.说说如何在 React 项目中应用 TypeScript?
12.说说如何在Vue项目中应用TypeScript?
Webpack面试真题(10题)
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面试真题(10题）
1.说说你对版本管理的理解?常用的版本管理工具有哪 些?
2.说你对Git的理解?
3.说说Git常用的命令有哪些?
4.说说Git 中 HEAD、工作树和素引之间的区别?
5.说说 git 发生冲突的场景?如何解决?
6.说说Git中 fork, clone,branch这三个概念，有什么区 别?
7.说说对git pul 和 git fetch 的理解?有什么区别?
8.说说你对git rebase 和 git merge的理解?区别?
9.说说你对git reset 和 git revert 的理解?区别?
10.说说你对git stash 的理解?应用场景?
Linux面试真题(7题)
1.说说你对操作系统的理解?核心概念有哪些?
2.说说什么是进程?什么是线程?区别?
3.说说你对 shel 的理解?常见的命令?
4.说说你对 linux 用户管理的理解?相关的命令有哪 些?
5.说说 linux系统下 文件操作常用的命令有哪些?
6.说说 linux 系统下 文本编辑常用的命令有哪些?
7.说说你对输入输出重定向和管道的理解?应用场景?
算法面试真题(18题）
1.说说你对数据结构的理解?有哪些?区别?
2.说说你对算法的理解?应用场景?
3.说说你对算法中时间复杂度，空间复杂度的理解?如 何计算?
4.说说你对集合的理解?常见的操作有哪些?
5.说说你对树的理解?相关的操作有哪些?
6.说说你对栈、队列的理解?应用场景?
7.说说你对链表的理解?常见的操作有哪些?
8.说说你对堆的理解?如何实现?应用场景?
9.说说你对图的理解?相关操作有哪些?
10.说说常见的排序算法有哪些?区别?
11.说说你对冒泡排序的理解?如何实现?应用场景?
12.说说你对二分查找的理解?如何实现?应用场景?
13.说说你对快速排序的理解?如何实现?应用场景?
14.说说你对选择排序的理解?如何实现?应用场景?
15.说说你对插入排序的理解?如何实现?应用场景?
16.说说你对分而治之、动态规划的理解?区别?
17.说说你对归并排序的理解?如何实现?应用场景?
18.说说你对贪心算法、回溯算法的理解?应用场景?
设计模式面试真题(6题)
1.说说对设计模式的理解?常见的设计模式有哪些?
2.说说你对工厂模式的理解?应用场景?
3.说说你对单例模式的理解?如何实现?
4.说说你对策略模式的理解?应用场景?
5.说说你对发布订阅、观察者模式的理解?区别?
6.说说你对代理模式的理解?应用场景?
好了，就先写到这里吧，文章中的每一道题都是有同学面试过或我给面试者出过的真题，希望大家可以沉下心来理解题目背后的出题逻辑，当然也不是让你们把这些题全背，那太为难人了，事实上也没有很大意义，你可以根据自己求职的岗位和自己的短板有针对性的去查漏补缺，祝大家都早点拿到心仪的offer。
最后，求个关注，我是乐于分享的程序员，持续输出学习干货和面试经验。有需要资料的朋友可以【点击此处】免费领取资料！
