点击右上方红色按钮关注“web秀”，让你真正秀起来

前言

面试题是来自微博@牛客网发布的真实大厂前端面经题目，我一直在收集题目长期一个一个的记录下来的，可能会有重复，但基本前端的面试大纲和需要掌握的知识都在其中了，面试题仅做学习参考，学习者阅后也要用心钻研其中的原理，重要知识需要系统学习、透彻学习，形成自己的知识链。

前端来自真实大厂的532道面试题

532道前端真实大厂面试题express和koa的对比，两者中间件的原理，koa捕获异常多种情况说一下你项目里用到第三方登录涉及的oAuth(JWT)协议的实现原理，以及你本地的实现原理，第三方登录怎么样保证安全性说下快排完整性react和vue的区别，你开发如何选择技术栈express里面登录的session服务怎么样实现分布式服务vue的理解vue的双向数据绑定的原理vue怎么样实现数组绑定js的继承call和apply的区别ajax是同步还是异步，怎么样实现同步ajax实现过程闭包的作用理解，以及那些地方用过闭包，以及闭包的缺点，如何实现闭包跨域方法以及怎么样实现的与原理工作中做的项目有什么亮点webpack工程构建工具怎么样用数组去重快排和冒泡原理http状态码nodejs了解多少为什么css样式初始化，目的是为了什么为什么浏览器会产生同源策略axios有什么特点cookie和webstrage的区别以及cookie怎么样使用？原生cookie怎么样封装三次握手对跨域了解吗。jsonp的限制浏览器那些地方用到了异步css弹性布局，那些地方用到过position属性有哪些值，分别有什么含义ES6用过吗，新增了那些东西，你用到过什么const和let的区别，可以改变const定义对象某个属性吗箭头函数，箭头函数的特点js的this理解， 如何改变this的指向cookie有什么限制js的事件机制settimeout的机制遇到过兼容性的问题吗，要如何处理项目中使用过构建工具吗平时如何学习前端的，最近在看的一本书内存泄露的排除定位和解决方法垃圾回收机制websocket实现原理http状态码301 302的区别，304是啥缓存机制，协商协议定时器setTimeout的运行机制事件循环机制 eventloop异步es5 es6 es7分别怎么样解决js的继承的实现方法清除浮动的方法常见布局的方法从输入一个url到浏览器页面展示都经历了哪些过程new生成了一个对象的过程（核心return this）请简单说明什么是事件冒泡和事件捕获以及事件委托实现一个两边宽度固定中间自适应的三列布局，圣杯布局，双飞燕flex布局有没有了解请简述一下js原型链es6有了解吗，请简单说一下promise机制，异步的承诺机制，顺势说一下解决回调地狱的问题手写一下深拷贝，答案提示：JSON.parse(JSON.stringify(obj)) 用JSON实现深拷贝== 和 === 的却别，，typeof null的结果是什么同步和异步的执行顺序get和post的请求区别什么情况算是跨域，如何解决跨域问题一个有序的数组如何进行查找操作手写一个快速排序事件委托理解，原理，好处，应用场景前端框架用过什么？vue和react的区别vue的原理闭包let和var的区别，let的产生背景？定宽定高，如何垂直居中，那不定宽定高呢？https的请求过程代码规范项目中遇到过什么难点，如何解决的尾递归问题电脑里有很多大小不一样的照片，我现在要复制到U盘上，但是U盘容量固定，让你写一个程序，挑选一组照片，让U盘的剩余空间最小。后端会哪些语言讲下如何负载均衡cookie和session的区别和联系nodejs是单线程还是多线程的，为什么能去开很多异步请求去访问其他接口一般你是如何操作数据库的？会哪些数据库mysql的底层引擎，发布mysql语言写的如何，怎么样判断sql语句的性能？如何优化？如何去除数组中的重复的项？遍历数组处理用for循环还有什么方法吗浏览器出于安全考虑有？（同源策略）登录原理让我设计一个页面，选择男或女，搜索出相对性发送请求有哪些？web的安全问题？自我介绍JS如何计算浏览器的渲染时间的浏览器的缓存var的变量提升底层原理是什么？event loop讲讲JS的回收机制说一下数组常用的方法有哪些websock的底层原理讲讲你的聊天室项目，如果数据传输出错了怎么办？现在有一大段文字，如何在页面中设置一个窗口滚动播出这段文件（轮播），轮播图如何解决卡顿问题，有手写过轮播图你，原理是什么垂直水平居中的方式实现三栏布局，中间自适应有几种方法算法：给你一个无序数字数组，里面是随机的书，并给出一个目标值，求这个数组的两个数，这个数的和等于目标值，要求这两个数并给出下标，你能想到最优的办法是什么吗（提示：快排，双指针）算法：给一个无序的数组，让我分割成m组，这个m组里和最大的一组是所有可能的分割情况最小的（二分答案法）webpack的原理_proto_ 和prototype分别是什么原型链原理在原型链上Object再往上是什么new和Object.create的区别哪种情况下__proto__和prototype的指向是同一个？typeof array null undefined NaN分别是什么把undefined和null转成Number分别是什么如何判断是否为数组？（instanceOf和constructor可以，但是有原型链断裂的风险，Object.toString.call()最稳定）instanceOf和constructor的区别原型链断裂了以后的结果是什么如果让你实现一个promise怎么样实现如何学前端的，看了哪些书博客写了多少篇你的技术亮点在哪里写一下实现合理化你对三大框架的理解是什么前端性能理解，优化有哪些nodejs了解多少你遇到的最有难度的技术问题是什么redux原理讲讲了解web移动开发吗，移动端适配方案有哪些你有Native开发经验吗，讲下Android如何调用页面的资源行内元素和块级元素有哪些，img属于什么元素margin坍塌BFC原理写一下清除浮动写一下不知道宽高元素垂直水平居中方法写一下节点的增删改如何获取元素的父节点和兄弟节点JS如何获得用户来源（navigator.userAgent）跨域方法说一下jsonp的原理是什么，处理script标签还可以通过什么实现？（静态资源标签）原型链说一下谈谈对原型链继承前端缓存给你一个乱序数组，你怎么样排序你的项目有什么亮点你的文件上传方案是什么写一个方法提取一下search里面的参数写一个API实现insertAfterCSS3哪些用的比较多CSS动画会吗，怎么样用CSS实现一个loading效果如何处理CSS兼容问题webpack有个插件可以解决css兼容性问题你知道吗（postcss-loader）ES6新特性说说ES6的代理是什么let和var的区别讲讲箭头函数和ES5和this的指向区别讲讲前端安全这块了解多少写一个API，实现jQuery的$(selector)选择器，要求兼容IE6浏览器是如何实现通过你的代码去找到指定的元素的用JS模拟一个双向链表前端工程化思想模块化思想你为什么选择前端cookie，session，localStorage和sessionStorage的区别Nodejs的线程管理JS设计模式有哪些跨域的方法有哪些说说bind，apply，call的区别以及bind的实现算法：反转二叉树以及时间复杂度链表找环react的virtual DOM和Diff算法React的生命周期Vue的生命周期boostrap的底层原理图片压缩的原理如何处理高并发的情况下，用户顺序问题说一下web安全，xss，csrf防范csrf流程，举例子session+cookie的登录机制token香港，浏览器缓存vue双向绑定原理，vue-loader做了什么webpack的插件大致流程编程题：给出一个字符串(“obj.a”)，返回对象属性obj.a，类似eval的效果前端路由会不会发请求画布濡染有了解吗前端监控，pm2，如果我服务器挂了，如何快速发现并且定位错误pm2除了监控还能干什么，如何实现express中间件如何实现了解TCP吗，数据结构简单介绍一下以及你的想法webpack项目太大了怎么办深拷贝如果弹出的菜单位置过于贴近边框，如何调整这个元素的位置计算50个人至少有2个生日相同的概率一个升序数组，求两个元素的和为一个指定数vue的生命周期vuex的状态管理的原理是什么如何在浏览器端和原生端的代码复用，讲到weex又简单讲了它的原理跨域如何解决前端性能优化问题csrf攻击原理以及防御手段平衡二叉树如何在上亿规模的数据中找到最大的一个数最近看过的技术文章和一遍非技术文章（考察表达能力，和主动学习新知识的习惯）算法题：二叉树层序遍历JS的全排列get和post的区别301和302的区别如何避免301跳转httpstcp建立连接三次握手的区别操作系统进程和线程的区别线程的哪些资源共享，哪些资源不共享设计模式有哪些Linux命令用的多吗，怎么样进行进程间通信kill指令了解过吗如何画一个三角形CSS中对溢出的处理CSS选择器有哪些，优先级呢？ES6中用过什么promise的状态有哪些讲讲JS的闭包你有用到express吗express和koa2的区别讲讲JS的语言特性吗最近在学啥项目用到JAVA，反射来讲你用过什么数据库MySQL里面的索引用过吗B+树了解过吗mongoDB有哪些特点实现一个两列等高布局，思路清除浮动的方法如何让一个元素消失重排和重绘HTTP状态码讲讲304浏览器缓存机制强缓存，协商缓存什么时候用哪个如何判断一个数组你说到typeof，能不能加一个限制条件typeof只能判断是object，可以判断一下是否拥有数组的方法JS的如何实现倒计时，为什么不准，校正方式JS实现跨域React的特性nodejs的时间方法讲讲看nodejs的特性，适合处理什么场景IO多路复用前端优化实现一个ajax，兼容如何有一个很多的列表，像头条的新闻列表，用户看得多了，列表越来越大，怎么样处理，思考一下如果有这样的场景：一个模块A作为输出，BCD等扩展模块可以在A做更改后展示A的原来内容或者驾驶CSS后的内容，想想思路同一个网站，在上海打开慢，在北京打开快，怎么样分析原因，（DNS解析和CDN）vue react jquery比较，有测试过性能吗对大前端的理解，前端会发展怎么样算法：两个排序好的数组，怎么样找他的中位数React虚拟DOM，生命周期react父子通信nodejs如何require一个包es6和es5的区别Nodejs加载原生的包与自己定义的包路径如何查找HTTP2.0的优势flex弹性布局裂解，移动端适配方案有哪些页面缓存页面性能优化css性能优化，就动画效果，如何从js，cs角度减少回流？webpack的plugin和loader的区别es5如何转为es5-babel了解webpack如何打败原型基础BFC原型链与作用域链jQuery的源码看过没移动端开发经验css会吗怎么样学前端遇到问题如何解决正则如何将一个数千分化表示js设计模式知道哪些，单例详细说函数式编程-柯里化es6的变量定义和es5的区别JS事件流七层网络协议，每层干嘛的tcp三次握手，四次挥手排序算法有哪些，时间复杂度，选择排序怎么样搞数据结构有哪些，红黑树和二叉树的区别，二叉搜索树与二叉平衡树项目经验树数据多少非常多怎么样办（懒加载）页面优化方法设计模式cookie和session的却别如果现在重新做这个项目，有什么想优化的多长时间开始独立做前端，这段时间是如何学习的学习生涯最失败的事情是什么，怎么样走出来的如何看待竞争项目里最难的事情，如何克服职业规范是怎么样的是独生子女吗别人对你的项目认可度，项目做的怎么样block元素和inline元素的区别position有哪些，特性css选择器有哪些es5和es6：let，const打包后如何变-块级作用域JS基本数据类型作用域链递归react生命周期react通信机制js事件流reduxflex弹性布局thispromise如何从then转为catch的介绍你做过的项目promise函数es6模块新特性浏览器内存泄露，闭包内存泄露如何解决怎么样让页面加载更快兼容过IE的方法缓存会pc换还是移动端观察者模式如何实现行元素，块级元素的却别css选择器的优先级水平垂直居中布局前端性能优化闭包的概念，平时如何实现es6的特性以及这些特性如何实现的事件冒泡，事件捕获，事件委托的原理，如何实现委托，事件，委托的有点是什么，事件监听输入URL浏览器是如何工作的requirejs组件化jQuery和vue的区别vue的特点vue的双向绑定原理谈谈js设计模式如何实现订阅者发者模式MVVM实现原理vue生命周期vue跨组件通信实现vue的props和slot的使用，区别vuex的原理详细说明解决跨域的方式前端安全（资源枚举，XSS共计，DOS攻击，CSRF攻击）HTTP状态码重排重绘谈谈JS的异步机制项目中是是如何优化页面的如何实现移动端布局，适配方案call apply bind的区别深拷贝的实现jQuery原理，平时用jQuery都做过什么用过webpack吗，谈一下webpack打包给了一个settimeout代码输出的顺序git命令Linux命令JS基础有几种流式布局对前端的了解和个人规划html5的新特性float和position的区别如何获取当前日期html语义化，好处计算器清除浮动盒子模型border-box和content-boxcss伪元素有哪些打开连接到网页呈现的流程HTTP请求头，响应头里面有哪些异步加载JSJS原型看哪些技术网站觉得自己的不足cookie实现cookie长度限制http状态码301 302性能优化一个网页很多很多页面，怎么样让用户体验好一点一个项目可能要延期，怎么样处理URL长度限制缓存什么时候用local，什么时候用session和 storage长连接有没有抓过包有没有用过代理DNS图片压缩gzip浏览器兼容webpack css兼容css性能垂直居中，水平居中盒子米线last-modifined，etg怎么样判断css动画优化401状态码reflow和repaint应用层协议有哪些TCP和UDP有哪些状态码Ajax如何实现的Ajax返回204算是成功吗settimeout异步tcp ip分成vue diff算法vue的生命周期pwavue-router不能解决情况和边界情况transition生命周期线程和进程的区别什么是异步promise是如何解析异步操作的如果给a,b,c,d四个时间，执行时间分别为1，2，3，4，怎么样做才能在abc都在执行完后再执行d，除了使用promise还能使用什么方法数组去重方法函数节流和函数防抖知道吗，区别是什么TCP和UDP的区别HTTP1.0和HTTP1.1相关我让你听强缓存和协商缓存知道吗为什么HTTP1.1中使用Cache-Control代替ExpiresHTTP1.1中Etg和f-None-Match哪个权重比较大排序的几种方法知道吗，是如何实现的栈和队列有什么区别，具体的应用场景hashmap原理react中props和state的区别组件怎么样拿到redux的数据给你一个DOM元素，用CSS的方式让他呈现两个的想过，只有一个DOM元素一个数组只有1和2，排序，1在前面，2在后面js事件模型，捕获和冒泡，阻止冒泡preventDefault和stopPropagation的区别HTTP缓存httpsreact的事件绑定和原生有什么区别吗一个数组，有很多数字存在2次，只有一个数字寸一次，怎么样找出这个数字关于iframe内部和外部变量的读取是如何的前端防连击throttle和debounceES6 generator async/await了解吗HTTP/2有什么新特性哈希的原理如何反转链表二叉搜索树的原理给定两个文本文件，找出他们中相同的行都有哪些对JS单线程的理解页面共享数据的方法有哪些amd，cmd规范用户页面打开很慢，有哪些优化方式react的虚拟DOM了解什么，这些类型的框架和传统的jd操作dom的优势koa generator能讲一下吗如何做单侧，单侧和开发占比应该是多少hybridv-model参数mvvm，mvc，mvp区别cdn网络安全xss，csfr是什么，怎么样解决安全https怎么样校验证书有效性websocket协议，nodejs中有哪些实现了这个协议TCP/IP体系结构以及每层的主要协议TCP的三次握手HTTP各版本比较数据结构学过什么js如何实现一个栈哈希表是怎么样的结构说说操作系统的内存管理怎么样实现一个服务器如何删除一个dom节点浏览器如何渲染页面的GitHub的项目问看过什么书你是如何理解HTML语义化的HTML的黑钻模型有哪些构成的，盒子模型有哪些，默认是哪些盒子模型有没有办法把宽度设置为包含padding浮动元素有没有什么特性清除浮动的所有方法ji基本数据类型typeof去判断数据类型返回值有哪些说说事件代理利用的是什么原理阻止冒泡的函数是什么cookie有什么特征加入访问A.com存进了一个cookie，在另外一个页面用ajax向A的域名发请求会携带cookie吗cookie的其他解决方案localStorage存储数据格式是什么怎么样把一个数组存进localSoragestorage有哪些存储方法html5有哪些新的特性假设两台电脑之间同步画板如何实现promise的两个方法，具体实现es6用的多的有哪些箭头函数如果一个页面做辛夷花，从哪些方面考察，从哪些地方优化vue开发模式和jQuery模式有哪些不同，有哪些优缺点假设一个object A里面的值n为1，怎么样知道n改变了，有事件绑定吗react是如何实现数据绑定的给数字加千位分隔符HTTP1 SPDY HTTP2的对比webkit内核渲染页面过程简单介绍一下backbonereact首次渲染过程redux和vuex的区别了解过weex吗typescript和es6的区别知道xss吗，介绍一下，如何避免跨域方式如何理解html语义化浏览器如何处理未知的的tabhtml5有什么新的tag，canvas…nodejs的优势，用过nodejs的哪些模块预约系统如何解决高并发的问题kut如何优化react的diff，有去提pr吗，为什么简单说一下ICP UDPSocks5代理是如何实现的，读过协议吗http状态码，307是什么，401和403的区别酸酸是如何实现穿墙的如何实现文件上传的功能垂直居中的实现react和vue的区别介绍一下盒子模型实现css动画有哪些jsonp如何实现，过程知道哪些http状态码200和304实现缓存的区别localstorage和cookie的区别，如何设置cookie表单提交和ajax的区别calc属性symbol事件监听常见的请求方式tcp和http的区别css的定位属性，怎么样定位的情景题：给你一个ul列表，找到点击的li对象，把点击到的对象的字符串翻转，讲出思路并且写出代码只能用获取到对象的属性小程序的生命周期小程序的Onlaunch周期不支持同步获取信息之后再执行到下一个生命周期你怎么样维持用户登录状态的给你一颗树，如何找到其公共的父节点你最荣耀的事情你怎么样知道我们公司的，为什么来我们公司rem，px，em的区别协同开发需要注意什么公告

喜欢小编的点击关注，了解更多知识！