答案谷歌或百度即可。一、来源背景面试题来自微博@牛客网发布的真实大厂前端面签。很长时间以来，我一直在收集问题并一一记录。可能会有重复，但是基本的前端面试大纲和需要掌握的知识都在里面了。面试题仅供学习参考。阅读后，学习者应仔细研究其中的原理。重要的知识需要系统深入的学习，形成自己的知识链。2.532前端真大厂面试express和koa的对比，两者的中间件原理，koa捕获了很多异常情况，说说third涉及的oAuth（JWT）协议的实现原理-在您的项目中使用的派对登录。以及你本地的实现原则，第三方登录如何保证安全，再说说react和vue的区别，你的开发如何选择技术栈express中登录的session服务，如何实现分布式服务vue的理解vue双向数据绑定的原理vue如何实现数组绑定的继承jscall和apply的区别是ajax同步还是异步，如何实现同步ajax闭包在实现过程中的作用的理解，以及在哪里都用过closures，closures包的缺点，closure跨域的实现方式以及实现方法和原理项目在工作中有哪些亮点？样式初始化的目的是浏览器生成同源策略的原因。axios有什么特点？cookies和webstrage的区别以及如何使用cookies？原生cookies是如何封装三次握手的？你了解跨域吗？jsonp的限制浏览器在哪些地方使用异步CSS灵活布局，那些地方使用的position属性取值是多少，分别代表什么意思？，你能改变const定义对象的某个属性吗？您是否曾经在项目中使用过构建工具？你平时是怎么学习前端的？最近在看的一本书。内存泄漏的排除、定位及解决方法。垃圾回收机制。websocket实现原理。http状态码301和302的区别，什么是304？定时器setTimeout运行机制事件循环机制eventloopasynchronouses5es6es7如何解决js继承实现方法clearfloating方法常见布局方法从输入一个url到浏览器页面显示经历了什么过程new生成一个对象的过程（核心返回this)请简单说明什么是事件冒泡、事件捕获和事件委托。实现两边固定宽度，中间自适应的三列布局。圣杯布局和双飞燕flex布局你懂吗？请简述js你了解es6的原型链吗？请简单说一下promise机制，异步promise机制，趁机谈谈解决回调地狱的问题。手写深拷贝。答案提示：JSON.parse(JSON.stringify(obj))使用JSON实现深度复制==和===的结果是什么？typeofnull的结果是什么同步和异步的执行顺序是什么？get和post请求有什么区别？什么是跨域，如何解决跨域问题？手写一个快速排序事件委托理解，原理，好处，应用场景都用过哪些前端框架？vue和react的区别vue闭包原理let和var的区别，let的背景？固定宽高，如何垂直居中，可变宽高呢？HTTPS请求流程代码规范项目中遇到过哪些困难，尾递归问题如何解决？电脑里有很多大小不一的照片。我想将它们复制到U盘中，但是U盘的容量是固定的。让你写一个程序，选择一组照片，尽量减少U盘的剩余空间。后端使用什么语言？如何负载均衡cookies和session的区别以及如何连接nodejs？它是单线程还是多线程？为什么可以打开很多异步请求访问其他接口？一般如何操作数据库？数据库mysql会发布哪个底层引擎，mysql语言是怎么写的，如何判断sql语句的性能？如何优化？如何删除数组中的重复项？有没有其他方法可以用for循环遍历数组处理呢？出于安全原因，浏览器是否有它？（同源策略）登录原则让我设计一个页面，选择男性或女性，搜索亲属发送请求。网络安全问题？自我介绍JS是如何计算浏览器的渲染时间的？浏览器缓存var变量提升的底层原理是什么？eventloop说说JST的回收机制说说arrays常用的方法websock的底层原理是什么说说你的聊天室项目，数据传输出错怎么办？现在有一大段文字，怎么在页面上设置一个窗口滚动播放这个文件（轮播），怎么解决轮播轮播的问题，你手写过轮播吗，垂直和水平的原理是什么定心？三列布局，中间有几种自适应的方法算法：给你一个无序数数组，其中包含随机书籍，并给定一个目标值，在这个数组中找到两个数字，这些数字的和等于到目标值，求这两个数并给出下标，你能想到最好的办法吗（提示：快速排序，双指针）算法：给定一个无序数组，让我把它分成m组，在这m组最大的一组是所有可能的拆分中最小的一组（二分答案法）。webpack的原理就是proto和prototype。原型链原理是什么？原型链上new和Object.create有什么区别？__proto__和prototype的指针是一样的吗？什么是typeofarraynullundefinedNaNundefined和null转为Number有什么区别如何判断是不是数组？（instanceOf和constructor是可以的，但是有原型链断的风险，Object.toString.call()是最稳定的）instanceOf和constructor的区别原型链断了之后的结果是什么？是的，您阅读了哪些书籍和博客？你写了多少篇文章？你的技术亮点在哪里？写合理化。你对三大框架的理解是什么？前端性能理解和优化？redux的原理是什么？解释网络移动开发，移动适配方案有哪些？你有原生开发经验吗？说说Android是怎么调用页面资源的。什么是行内元素和块级元素？知道宽高元素的纵横居中方法写节点的增删改查如何获取元素的父节点和兄弟节点JS如何获取用户源(导航器.实现什么？)静态资源标签）原型链说说从原型链继承前端缓存，给你一个乱序数组，你的项目是怎么排序的？有什么亮点？你的文件上传方案是什么？写一个在搜索中提取参数的方法写一个API实现insertAfterCSS3哪个用的CSS动画比较多？如何用CSS实现加载效果什么是ES6的代理？let和var的区别？说说箭头函数和ES5和this的区别说说你对前端安全了解多少你的代码用JS模拟双向链表前端工程化思维模块化思维有哪些方法？说说bind、apply、call的区别和bind的实现算法：反向二叉树和时间复杂度链表找环。React的虚拟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项目太大怎么办？一个升序排列的概率，两个元素之和为指定数。vue生命周期中vuex状态管理的原理是什么？如何解决前端跨域性能优化问题csrf攻防方法原理平衡二叉树如何在上亿数据中求最大数最近看技术文章和非技术文章（考察表达能力，并积极学习新知识习惯）算法题：二叉树级序列遍历JS全排列get和post的区别301和302的区别如何避免301跳转httpstcp建立连接三次握手的区别三次握手的区别操作系统进程和线程哪些资源是线程共享的，哪些是线程共享的Linux命令有没有用到资源非共享的设计模式？进程之间如何通信？你了解kill命令吗？你在ES6中使用了哪些promise状态？告诉我有关JS闭包的信息。你用快递吗？express和koa2的区别。说说JS的语言特性。最近在用JAVA做哪些项目？反思一下，你用过什么数据库MySQL？你用过里面的索引吗？你知道B+树吗？mongoDB实现两列等高布局的特点是什么？如何清除浮动如何让一个元素消失重新排列重绘HTTP状态码谈304浏览器缓存机制强缓存，什么时候协商使用哪个缓存，如何判断一个数组谈typeof的时候，能不能加个限制typeof只能判断是一个对象。你可以判断你有没有数组。JS中如何实现倒计时，为什么不允许，以及纠正方法JS实现跨域React的特性nodejs的time方法说说nodejs的特性，哪些场景适合处理IO多路复用前端-结束优化实现一个ajax，兼容怎么有很多列表，像头条新闻列表，用户看多了现在，列表越来越大，怎么处理，想想如果有这样的场景:一个模块A作为输出，BCD等扩展模块可以显示A改变后A原来的内容或者驱动css后的内容，想想思路是一样的网站，在上海打开比较慢，但是北京开的很快，怎么分析原因，（DNS解析和CDN）vuereactjquery对比，你测试过性能吗？大前端的理解，前端会怎么开发算法：两个一个排序数组，如何找到它的中位React虚拟DOM，生命周期react父子通信nodejs如何require一个包es6和es5的区别Nodejs加载原生包和自定义包路径如何找到HTTP2.0的优势移动适配方案有哪些？页面缓存页面性能优化CSS性能优化，在动画效果方面，如何从js和cs的角度减少回流？webpack的plugin和loader的区别如何将es5转换成es5-babel了解webpack如何打败原型基础BFC原型链和作用域链如何分千表达js设计模式知道的，单例，函数式编程详解-thecurryinges6变量定义和es5的区别什么是二次排序算法，时间复杂度，如何选择排序，数据结构有哪些？Loading）页面优化方法设计模式cookie和session不要做如果现在再做这个项目，你要优化什么？你如何看待竞争项目中最困难的事情？如何克服职业规范？特性什么是css选择器es5和es6:let,const打包后如何变化-块级作用域JS基本数据类型作用域链递归react生命周期react通信机制js事件流reduxflexelasticlayout这个promise如何变化从那时到catch介绍一下你做过的项目的promise函数es6模块的新特性。浏览器内存泄漏和关闭。如何解决内存泄漏。css选择器对块级元素的优先级水平和垂直居中布局前端性能优化的概念闭包，如何实现ES6的特性以及如何实现这些特性事件冒泡、事件捕获、事件委托的原理,如何实现Delegate,event,delegating有什么意义,事件监听输入URL浏览器如何工作requirejs组件化jQuery和vue的区别vue的双向绑定原理vue的谈谈js设计模式如何实现订阅maker模式MVVM实现原理vue生命周期vue跨组件通信实现vueprops和slot的使用，区别vuex原理详解跨域前端安全解决方法（资源枚举，XSS总，DOS攻击，CSRF攻击）HTTP状态码重排和重绘说说JS异步机制项目中页面如何优化移动端布局如何实现，适配方案调用applybind的区别深拷贝jQuery的实现原理，你平时都用jQuery干过什么用过webpack吗？下面说说webpack打包一个settimeout代码输出的顺序。Git命令Linux命令JS基础有几种流式布局理解前端和个人规划html5新特性float和position的区别如何获取当前日期HTML语义转换，好处Calculator清除浮动框模型Border-box和content-box什么是css伪元素打开连接网页的过程渲染HTTP请求头，响应头什么是异步加载JSJS原型看哪些技术网站感觉cookie实现不足Cookie长度限制HTTP状态码301302性能优化一个网页有很多页，如何让用户体验更好一个项目可能会延期，如何处理URL长度限制缓存何时使用本地，何时使用session和storagelong你有没有抓包或使用代理DNS图片压缩gzip浏览器兼容webpackcss兼容css性能垂直居中，水平居中盒子米粉last-modified,etg如何判断css动画优化401状态码reflow和repaint应用层协议TCP和UDP的状态码是什么？Ajax如何实现Ajax返回204？成功了吗？settimeout异步tcpip分vuediff算法vuepwavue-router的生命周期不能解决的情况和boundarycasetransition生命周期线程和进程有什么区别？异步promise如何解决异步操作？如果a、b、c、d给了4次，则执行时间分别为1、2、3、4。abc执行完后怎么执行d，除了使用promise数组去重方法还有什么方法可以实现功能节流和功能防抖你知道区别吗？TCP和UDP有什么区别？1使用Cache-Control而不是ExpiresHTTP1。1、Etg和f-None-Match哪个权重高？排序的几种方法，stack和queue的区别如何实现，具体应用场景，hashmap原理，react中props和state的区别，如何获取组件，你知道吗？redux的数据给你一个DOM元素，让他用CSS呈现两种思路，只有一个DOM元素和一个数组，只有1和2，排序，1在前面，2在后面js事件模型，捕获和冒泡，防止冒泡preventDefault和stopPropagation的区别HTTP缓存httpsreact事件绑定和native有什么区别？一个数组，有很多个数存在两次，只有一个数存在一次，如何找出这个数关于iframe内外变量什么是前端读取？Anti-combothrottleanddebounceES6generatorasync/await你知道HTTP/2有什么新特性吗？哈希原理链表如何逆序二叉查找树原理JS中相同的行有哪些？JS单线程页面的理解方法有哪些？amd和cmd规范是什么？用户页面打开速度非常慢。关于React的虚拟DOM，你知道哪些优化方法？这几类框架和传统的jd运行dom的优势koagenerator能告诉我单边怎么做，单边应该占多少比例开发hybridv-model参数mvvm,mvc,mvp区别cdn网络安全xss，什么是csfr，如何解决安全https如何校对验证证书的有效性websocket协议，nodejs中有哪些实现了该协议TCP/IP架构及各层主要协议TCP三向握手HTTP版本对比资料结构js学到了什么如何实现栈哈希表是什么你看过什么书，你是怎么理解HTML语义HTML的黑钻模型的构成的，有哪些盒子模型，默认的盒子模型有哪些？有没有办法设置宽度以包括填充？有浮动元素的功能吗？清除浮ji基本数据类型typeof的所有方法，确定数据类型的返回值。防止冒泡的原理是什么？cookie的作用是什么？年龄存储数据格式是什么？如何在本地存储中存储一个数组？储存方式有哪些？html5有哪些新特性？假设绘图板在两台计算机之间同步。功能如果一个页面是玉兰花做的，那么vue开发模式和jQuery模式的区别，从哪些方面去考察，从哪些方面去优化，有什么优缺点？假设一个对象A中的值n是1，你怎么知道n变了？事件绑定？React是如何实现数据绑定的？给数字加千位分隔符HTTP1SPDYHTTP2对比webkit内核渲染页面流程简单介绍下backbonereact第一次渲染流程redux和vuex的区别你知道weextypescript和es6的区别吗你知道xss吗？下面介绍一下如何避免跨域的方法。如何理解html语义浏览器。如何处理未知标签。html5有哪些新标签，canvas的优点...nodejs，用到了nodejs的哪些模块？如何解决高并发问题kut如何优化react的diff？你提到公关？为什么简单说一下ICPUDPSocks5代理是如何实现的呢？你读过协议吗？HTTP状态码，什么是307，401和403的区别是如何实现穿墙如何实现文件上传的功能垂直居中实现react和vue的区别引入盒模型实现css动画jsonp有哪些如何实现，进程知道哪个http状态码是200和304实现cache的区别localstorage和cookie的区别，如何设置cookie表单提交和ajax的区别calcattributesymbol事件监听常见请求方法tcp和http的区别css定位attribute，如何定位场景问题：给你一个ul列表，找到被点击的li对象，点击被点击的对象翻转字符串，说出思路写代码只能用来获取对象的属性.小程序的生命周期。小程序的onlaunch周期不支持同步获取信息再执行到下一个生命周期。如何维护用户登录状态？给你一棵树，如何找到它的公共父节点，你最光荣的事情，你是怎么知道我们公司的，你为什么来我们公司，rem,px,em的区别，协同开发需要注意什么作者：梁峰博链接：http://www.imooc.com/article/...来源：MOOC
