【前方高能】新手到高级前端攻城狮都用的上的前端面试题库，备战明年金三银四
写在前面
如今面试文章已不少，更不以为新鲜，本文可能有点不一样，正由于“多”也就才有了本文的输出。css
相信不少前端小伙伴也包括我在内，面试前都要作一些准备，而作作面试题是最日常不过的事儿了，然而每次面试前都要现找面试题，并且答案也不是现成的，其实这样重复的事情在不知不觉中浪费你不少时间。html
也就由于发现了这个问题，才有了把面试题进行整理的想法，但愿能对一些人有所帮助，节省一点时间吧。前端
题目整理
这1个多月来一直在整理前端领域相关的面试题，阅读查看了将近100多篇的面试文章，文章大多来自技术社区，如掘金、思否等，因为不少文章的题目重复性较大，因此整理起来比较费事。vue
到目前为止已经收集了将近500道，包含问答题、代码题、高频基础、大厂题目等。node
下面是部分问题，因为时间精力问题解析还没来得及写，目前指向了原文。react
第1题 谈谈变量提高？git
参考解析
参考解析github
第2题 说说bind、call、apply的 区别？web
参考解析
参考解析面试
第3题 如何实现一个 bind 函数？
参考解析
第4题 请实现一个 call 函数
参考解析
第5题 如何实现一个 apply 函数？
参考解析
第6题 简单说下原型链？
参考解析
第7题 怎么判断对象类型？
参考解析
第8题 说说箭头函数的特色
参考解析
第9题 如何肯定This指向
参考解析
第10题 async、await 的优缺点
参考解析
第11题 generator 原理
参考解析
第12题 对Promise的理解
参考解析
第13题 == 和 ===区别，什么状况用 ==
参考解析
第14题 垃圾回收 新生代算法，老生代算法
参考解析
第15题 说说你对闭包的理解
参考解析
第16题 基本数据类型和引⽤类型在存储上的差异
参考解析
第17题 浏览器 Eventloop 和 Node 中的有什么区别
参考解析
第18题 怎样理解setTimeout 执行偏差
参考解析
第19题 说说函数节流和防抖
参考解析
第20题 数组降维
参考解析
第21题 请实现一个深拷贝
参考解析
第22题 typeof 于 instanceof 区别
参考解析
第23题 cookie和localSrorage、session、indexDB 的区别
参考解析
第24题 怎么判断页面是否加载完成？
参考解析
第25题 说说 jsonp 原理
参考解析
第26题 说说你对Service worker的理解
参考解析
第27题 说说浏览器缓存机制
参考解析
第28题 怎样选择合适的缓存策略
参考解析
第29题 说说重绘（Repaint）和回流（Reflow）
参考解析
第30题 如何优化图片
参考解析
第31题 页面首屏渲染性能优化方案有哪些
参考解析
第32题 浏览器性能问题-使用 Webpack 优化项目
参考解析
第33题 Babel 原理
参考解析
第34题 介绍下React 生命周期
参考解析
第35题 react setState 机制
参考解析
第36题 Vue的 nextTick 原理
参考解析
第37题 Vue 生命周期
参考解析
第38题 Vue 双向绑定
参考解析
第39题 v-model原理
参考解析
第40题 watch 和 computed 的区别和运用的场景
参考解析
第41题 Vue 的父子通讯
参考解析
第42题 简述路由原理
参考解析
第43题 MVVM-脏数据检测
参考解析
第44题 MVVM-数据劫持
参考解析
第45题 React V16 生命周期函数用法
参考解析
第46题 Vue 和 React 区别
参考解析
第47题 介绍下虚拟 DOM，对虚拟 DOM 的理解
参考解析
第48题 路由鉴权
参考解析
第49题 TCP 3次握手
参考解析
第50题 TCP 拥塞控制
参考解析
第51题 慢开始算法
参考解析
第52题 拥塞避免算法
参考解析
第53题 tcp 快速重传
参考解析
第54题 TCP New Ren 改进后的快恢复
参考解析
第55题 HTTPS 握手
参考解析
第56题 从输入 URL 到页面加载全过程
参考解析
第57题 HTTP 经常使用状态码 301 302 304 403
参考解析
第58题 常见排序-冒泡排序
参考解析
第59题 常见排序-插入排序
参考解析
第60题 常见排序-选择排序
参考解析
第61题 常见排序-归并排序
参考解析
第62题 常见排序-快排
参考解析
第63题 常见排序-堆排序
参考解析
第64题 常见排序-系统自带排序实现
参考解析
第65题 介绍下设计模式-工厂模式
参考解析
第66题 介绍下设计模式-单例模式
参考解析
第67题 介绍下设计模式-适配器模式
参考解析
第68题 介绍下设计模式-装饰模式
参考解析
第69题 介绍下设计模式-代理模式
参考解析
第70题 介绍下设计模式-发布-订阅模式
参考解析
第71题 Vue 响应式原理
参考解析
第72题 实现一个new操做符
参考解析
第73题 实现一个JSON.stringify
参考解析
第74题 实现一个JSON.parse
参考解析
第75题 手写一个继承
参考解析
第76题 实现一个JS函数柯里化
参考解析
第77题 请手写一个Promise(中高级必考)
参考解析
第78题 手写防抖(Debouncing)和节流(Throttling)
参考解析
第79题 实现一个instanceOf
参考解析
第80题 实现一个私有变量
参考解析
第81题 使用setTimeout代替setInterval进行间歇调用
参考解析
第82题 数组中的forEach和map的区别
参考解析
第83题 for in和for of的区别
参考解析
第84题 写一个发布订阅 EventEmitter方法
参考解析
第85题 let、var、const区别
参考解析
第86题 typeof和instanceof 区别
参考解析
第87题 常见的继承的几种方法
参考解析
第88题 常见的浏览器内核有哪些?
参考解析
第89题 浏览器的主要组成部分是什么？
参考解析
第90题 浏览器是如何渲染UI的？
参考解析
第91题 浏览器如何解析css选择器？
参考解析
第92题 DOM Tree是如何构建的？
参考解析
第93题 重绘与重排的区别？
参考解析
第94题 如何触发重排和重绘？
参考解析
第95题 如何避免重绘或者重排？
参考解析
第96题 前端如何实现即时通信？
参考解析
第97题 什么是浏览器同源策略？
参考解析
第98题 怎样解决跨域问题？
参考解析
第99题 时间格式化
参考解析
第100题 说说对html 语义化的理解
参考解析
第101题 说说经常使用的 meta 标签
参考解析
第102题 说说两种盒模型以及区别
参考解析
第103题 css reset 和 normalize.css 有什么区别
参考解析
第104题 怎样让元素水平垂直居中
参考解析
第105题 说说选择器的权重计算方式
参考解析
第106题 清除浮动的方法
参考解析
第107题 说说你对 BFC 的理解
参考解析
第108题 import 和 link 区别
参考解析
第109题 说下 [1, 2, 3].map(parseInt) 结果
参考解析
第110题 介绍下浏览器事件委托
参考解析
第111题 10w 条记录的数组，一次性渲染到页面上，如何处理能够不冻结UI？
参考解析
第112题 如何实现一个左右固定，中间自适应的三栏布局
参考解析
第113题 如何实现一个自适应的正方形
参考解析
第114题 如何用css实现一个三角形
参考解析
第115题 介绍下 positon 属性
参考解析
第116题 说说渐进加强和优雅降级
参考解析
第117题 defer和async区别
参考解析
第118题 实现sleep函数
参考解析
第119题 实现 lazyMan
参考解析
第120题 获取元素的最终background-color
参考解析
因为篇幅问题我就不所有列出了。请继续往下看。
碎片时间系统刷题
为了方便管理和维护这些题目，同时为前端小伙伴儿提供更好看题体验，我简单作了一个题库网站-大前端面试题库，宗旨是充分利用你们的碎片时间，在上下班，地铁公交上刷刷题，日积月累，尽可能避免临时抱佛脚的局面。
另外对面试题作了一个简单的类型划分，进行分类划分的重要性不言而喻，碎片化的信息会极大的消耗咱们精力，同时也不利于咱们记忆，人脑天然的更喜欢结构化的，有规则的信息，经过系统的只处理同一种类型的问题来下降大脑的损耗，增强咱们对知识的理解和记忆。
分类大概为js、经典高频、编程题、大厂题、html、css、布局、浏览器、性能、前端框架、react、vue、web 安全、数据结构和算法、http、tcp、node、设计模式等。
这个网站是用的我本身的 react ssr 开发骨架作的，目前支持 pc 和移动端浏览。
看下页面效果
解析/答案
因为我的精力有限，一时没法写完全部的问题解析。目前仍在继续完善中，这个过程也是对本身一种提高和沉淀，我以为这个价值很大。
不过为了方便你们校对答案，大部分问题的解析我单独作了连接跳转，指向了原文，可直接跳转到来源文章查看解析。
一点心得
这个题库的价值不仅是用来刷题，他的价值在于问题自己，问题自己比答案更重要。
经过问题来验证本身的知识技能，核对本身对知识的掌握程度，这彻底能够当作一种学习方法来执行。
当咱们遇到的问题越多，理解和解决的问题越多，相对的咱们的能力就会越强。 这500+看上去确实挺多的了，覆盖面也挺广了，可是前端技术突飞猛进，新技术新思路层出不穷，相关的问题也会不断的更新迭代，因此这个题库还要继续更新，后面继续把更有针对性的问题收集进来。
以上一些观点有些属于本人自嗨，如今回归初心，收集题库并建立题库站的最终目的是但愿帮一些人提高一点效率，节约一点时间，利用碎片时间，上下班地铁上刷个题，若是还能帮你提高技能，提高搞定面试的概率，那就最好不过了。
题库入口1
为了方便你们找到入口不迷路，题库入口绑定到了公众号的独立菜单。
个人公众号是-《前端技术江湖》，主要是我的的原创和一些工做心得的输出，能够及时的得到题库的更新通知，另外还有不少优质文章和前端学习资料，但愿你们多多关注。
题库入口2
网站入口 - 大前端面试刷题- http://bigerfe.com/，内有福利哦。
最后一件事
我正在打造一个纯技术交流群，面向初中级前端开发者，以学习、交流、思考、提高能力为目标，由于一我的学不如你们一块儿学，有了更多的交流才会进步的更快。
我理想的模式是，每期让一我的深刻学习一个技术，而后本身再转述给你们听，相似一个分享课堂，这样能够成倍的提高学习效率。
或者能够按照题库的顺序依次进行，每人天天对对一个问题进行思考和总结性的输出，锻炼技术的同时提高表达能力。
在这个群里不用担忧本身的能力不足，不用担忧问题是否过小白而不敢说，大胆的说出问题， 让更多的人一块儿来分析，说错了也不要紧。
有想加入请的关注公众号《前端技术江湖》，回复‘进群’，我拉你进群。
但愿本文能够给你带了一些帮助和便利，文中若有错误，欢迎在评论区指。 若是这篇文章帮助到了你，欢迎点赞和关注。
- 1. 2020年大前端面试题库 - 备战明年金三银四
- 2. 备战金三四银—前端必问的面试题(1)
- 3. 备战金九银十，前端高频面试题！
- 4. 最新前端中高级面试题
- 5. 前端攻城狮HTML5自查手册
- 6. 前端硬核面试专题 (备战 2019 的金九银十)
- 7. 关于高级前端的面试题
- 8. 阿里前端攻城狮们写了一份前端面试题答案
- 9. 前端面试-高级篇
- 10. 中高级前端面试秘籍！金三银四如何直通大厂？！
- 更多相关文章...
- • PHP gd_info - 取得当前安装的 GD 库的信息 - PHP参考手册
- • XML DOM 高级 - XML 教程
- • 使用阿里云OSS+CDN部署前端页面与加速静态资源
- • Docker容器实战(一) - 封神Server端技术
-
每一个你不满意的现在，都有一个你没有努力的曾经。