大前端每日一题，从基础到进阶，从原理到实战，用面试题来倒逼强迫自己每天去学习去查漏补缺 ，系统构建前端完整的知识体系！ 注：每天早上9点左右更新题目及前一天的答案，首页文件夹里的文章来源于网络，仅供参考学习使用，若有侵权，烦请联系我删除！
业精于勤，荒于嬉；行成于思，毁于随！学习从来都不是一蹴而就的事情，需要每天的点滴积累与沉淀，从而由量变引发质变！
第211题(2020-05-12)：原型，class B 继承 class A 翻译成 es5 应该是什么样子？（酷家乐）
讨论与参考答案：第211题
讨论与参考答案：第209题
讨论与参考答案：第208题
第207题(2020-05-07)：http缓存是怎样的?etag和last modify分别什么优点缺点，适合什么场景(描述、举例）
讨论与参考答案：第207题
讨论与参考答案：第206题
第27题(2019-08-27)：怎么限制接口调用次数？(腾讯)
第60题(2019-10-17)：Vue 中的 computed 是如何实现的(腾讯)
第62题(2019-10-21)：为什么 HTTP1.1 不能实现多路复用（腾讯)
第94题(2019-12-02)：vue从data改变到页面渲染的过程？(腾讯）
第95题(2019-12-03)：谈谈你对Virtual DOM 的内部工作原理的理解？(腾讯)
第96题(2019-12-04)：谈谈Websocket的原理及使用场景?(腾讯)
第97题(2019-12-05)：跨平台框架weex和rn及Flutter的原理是什么(腾讯) ？
第98题(2019-12-06)：有读过Vuex的源码吗？如果要你自己设计一个状态管理库你会怎么去设计？(腾讯)
第100题(2019-12-10)：谈谈你对OAuth2.0 原理流程的理解及运用？(腾讯)
第101题(2019-12-11)：组件设计的原则是什么，有开发过npm库发布到npm市场吗？(腾讯)
第102题(2019-12-12)：了解过PWA吗？它的离线缓存原理是什么？(腾讯)
第103题(2019-12-13)：谈谈你对MVC、MVP、MVVM这三种架构模式的理解及它们的区别？
第104题(2019-12-14)：说一下你的优缺点、还能提高的地方及未来职业规划？
第127题(2020-01-13)：假设现在有一个微信公众号文章的页面，可以展示文章、图片、视频和读者留言，从安全和交互性能的角度去讲一下如何优化？(企业微信)
第16题(2019-08-12)：模拟 localStorage 时如何实现过期时间功能
第63题(2019-10-22)：求多个数组之间的交集(算法题）
第121题(2020-01-04)：谈谈Service Worker的生命周期、注册时机和作用？(阿里有赞)
第161题(2020-02-27)：gzip压缩的原理是什么？
第162题(2020-02-28)：CSRF、SSRF和XSS的区别是什么？
第163题(2020-03-02)：Cookie中的httponly的属性和作用？
第164题(2020-03-03)：HTTP报文结构，请求头有啥，响应头有啥？
第165题(2020-03-04)：JWT(JSON Web Token)的原理是什么？
第166题(2020-03-05)：数据库的内连接和外连接有什么区别?
第183题(2020-03-31)：http缓存控制，协商缓存相关的几个头部的之间的优先级关系？
第184题(2020-04-01)：如果让你搭建一套前端监控方案，具体思路？
第188题(2020-04-08)：vue-loader 的实现原理是什么？
第194题(2020-04-16)：如何删除一个 cookie?(阿里）
第195题(2020-04-17)：WeakMap 和 Map 的性能有什么差别?
第201题(2020-04-26)：说说async和await的es5实现?(阿里）
第202题(2020-04-27)：dom树和cssom树原理是什么？（阿里）
第203题(2020-04-28)：响应式背后的浏览器原理你知道吗？（阿里）
第204题(2020-04-29)：场景题：保证浏览器不受脚本的恶意攻击?(阿里）
第205题(2020-04-30)：假如说你的富文本编辑器内部要显示脚本，该怎么办呢？（阿里）
第210题(2020-05-11)：react 与 vue 数组中 key 的作用是什么?(阿里）
第45题(2019-09-23)：列举三种禁止浏览器缓存的头字段，并写出响应的设置值
第46题(2019-09-24)：精确获取页面元素位置的方式有哪些
第47题(2019-09-25)：正则从2018-10-07T11:48:47 Asia/zh-cn 提取出来结果[2018,10,07,11,48,47]
第49题(2019-09-27)：【编程题】已知数据结构users，请实现语法支持user.unique能够按照name字段去重，并输出结构为：["a","b"]
第51题(2019-09-30)：给出如下虚拟dom的数据结构，如何实现简单的虚拟dom，渲染到目标dom树
第128题(2020-01-14)：websocket 和 TCP Socket的区别，websocket 的握手过程，为什么要基于 HTTP 请求来握手?(字节跳动)
第131题(2020-01-17)：编程题：Promise 调度相关，JS 实现一个带并发限制的异步调度器 Scheduler，保证同时运行的任务最多有两个(字节跳动）
第132题(2020-01-20)：js new一个对象发生了什么？
第135题(2020-01-23)：讲讲vue diff的过程？
第136题(2020-01-24)：说一下类数组，数据结构是怎么样的，怎么转换为数组？
第137题(2020-01-27)：实现一个类，可以on,emit,off,once，注册、调用、取消、注册仅能使用一次的事件？
第138题(2020-01-28)：文件上传如何实现？，除了input还有什么别的方法？
第139题(2020-01-29)：浏览器如何预览图片，假设我要上传图片，未上传前我想在浏览器看到我待上传的图片？
第140题(2020-01-30)：base64 前端如何转化？
第141题(2020-01-31)：假设有130个苹果，你我轮流拿，每次可拿1-5个，如何保证你拿到最后一个苹果？
第142题(2020-02-03)：fetch为什么会发送2次请求？
第167题(2020-03-06)：nodejs从接收到请求到返回给页面经历了什么？
第169题(2020-03-10)：webpack treeShaking原理，是靠什么才能实现？(字节跳动）
第170题(2020-03-11)：typeof 的原理，与 instanceOf 、 Object.prototype.toString.call() 的区别
第171题(2020-03-12)：react 哪些生命周期可以 setState？
第172题(2020-03-13)：提供一个 VDOM 对象，写一个 render 函数来让他变成一颗 DOM 树
第173题(2020-03-16)：0.1 + 0.2 === 0.3 吗？ 为什么？
第174题(2020-03-17)：实现一个算法，来完成字符串相加，比如 "111" + ”2222“ = ”2333“。(高精度算法)
第175题(2020-03-19)：v8引擎 如何执行 js 代码？
第176题(2020-03-20)：AST 以及 AST 有啥应用？
第177题(2020-03-23)：DNS 查询的过程，分为哪两种，是怎么一个过程？
第178题(2020-03-24)：如果你发现有个网站你突然打不开了，有哪些可能？
第179题(2020-03-25)：有一个有序递增序列，求有多少个不同的数字。比如 [1, 5, 7, 7, 8, 9, 9]。里面总共有5个不同的数字:1, 5, 7, 8, 9
第182题(2020-03-30)： vue computed 属性为什么能够在依赖改变的时候，自己发生变化？
第185题(2020-04-02)：能不能说说 Cookie 有哪些字段？
第186题(2020-04-03)：能不能介绍一下 Vuex 的 Mutation 和 Action 的区别吗？
第187题(2020-04-07)：进程和线程的区别及进程之间是怎么通信的？
第196题(2020-04-20)：对于vue History 路由而言，你觉得在服务端是如何做路由分发的呢？
第208题(2020-05-08)：项目中有用到过单元测试、e2e测试吗？它们的区别是什么？
第146题(2020-02-07)：介绍一下AST（Abstract Syntax Tree）抽象语法树？
第147题(2020-02-10)：使用import时，webpack对node_modules里的依赖会做什么？
第148题(2020-02-11)：key主要是解决哪一类的问题，为什么不建议用索引index（重绘）
第149题(2020-02-12)：Redux中间件是什么东西，接受几个参数（两端的柯里化函数）
第150题(2020-02-13)：koa中response.send、response.rounded、response.json发生了什么事，浏览器为什么能识别到它是一个json结构或是html？
第151题(2020-02-14)：koa-bodyparser怎么来解析request？
第155题(2020-02-19)：WebView和原生是如何通信的？
第156题(2020-02-20)：React中Dom结构发生变化后内部经历了哪些变化?
第198题(2020-04-22)：TypeScript 里有哪些 JavaScript 没有的类型?(滴滴）
第160题(2020-02-26)：Accept 头部的作用什么，如果服务器不支持怎么办？
第189题(2020-04-09)：为啥下面这个代码会爆栈？用setTimeout来递归实现setTimeInterve()就不会爆栈？
第190题(2020-04-10)：dangerousSetInnerHTMl知道不？和innerHTML的区别？
第191题(2020-04-13)：实现隔一段时间输出name？
第192题(2020-04-14)：直接往script标签里放值和<script src="a.js">,有啥区别嘛？
第193题(2020-04-15)：结构体转换,数组结构转换成树形结构。时间复杂度是多少？hashmap的实现知道不？
第120题(2020-01-03)：编程题：有一个长度为 32 的数组，如何将它转换为长度为4*8的二维数组(拼多多）
第122题(2020-01-06)：项目中是否使用了 TypeScript，TS 中的枚举是怎样写的，如果用原生 JS 怎样实现？（拼多多）
第125题(2020-01-09)：React Hooks 解决了什么问题，如何用 Hooks 的方法去模拟 Class Components 的功能(拼多多）
第209题(2020-05-09)：class 组件与函数式组件的区别?(拼多多）
第73题(2019-11-04)：Vue 中的 computed 和 watch 的区别在哪里（虾皮）
第180题(2020-03-26)：实现一个方法，将传入对象的下划线命名方式全部换为驼峰式(考虑递归的场景)。比如
第181题(2020-03-27)：Base64 的原理？编码后比编码前是大了还是小了?
第206题(2020-05-06)：http2为什么快，多了什么特性，头部压缩算法是怎样?
第207题(2020-05-07)：http缓存是怎样的?etag和last modify分别什么优点缺点，适合什么场景(描述、举例）
第116题(2019-12-28)：vue-router 的原理，history 模式和 hash 模式的区别，为什么 history 模式是先进行 app 内模块的切换再去手动更新路由？
第117题(2019-12-30)：介绍一下项目中单元测试的情况，用例有多少，如何运行？
第118题(2019-12-31)：编程题：将一个对象中所有值为字符串的提出取出来，拼接成大的字符串
第129题(2020-01-15)：一个监听了 input 事件的输入框，每次触发input都会发送请求，这个输入框的优化方案
第121题(2020-01-04)：谈谈Service Worker的生命周期、注册时机和作用？(阿里有赞)
第143题(2020-02-04)：如何在Node端配置路径别名（类似于Webpack中的alias配置）
第152题(2020-02-15)：介绍冒泡排序，选择排序，冒泡排序如何优化?
第144题(2020-02-05)：React组件中怎么做事件代理及代理原理？
第145题(2020-02-06)：promise、async有什么区别？
第64题(2019-10-23)：将'10000000000'形式的字符串，以每3位进行分隔展示'10.000.000.000',多种实现方式
第119题(2020-1-02)：coding: 查找根节点到目标节点的路径(百度）
第197题(2020-04-21)：JSBridge 原理是什么？（OPPO/贝壳）
第11题(2019-08-05)： 编程题，找出字符串中连续出现最多的字符和个数(蘑菇街)
第17题(2019-08-13)：给定两个大小为 m 和 n 的有序数组 nums1 和 nums2。请找出这两个有序数组的中位数。要求算法的时间复杂度为 O(log(m+n))。(快手)
第74题(2019-11-05)：常问经典题：深拷贝和浅拷贝的实现方式分别有哪些？(携程）
第75题(2019-11-06)：webpack 中 loader 和 plugin 的区别是什么（平安）
第153题(2020-02-17)：pm2怎么做进程管理，进程挂掉怎么处理？（挖财）
第168题(2020-03-09)：instanceOf原理，手写一个instanceOf?(快手）
第37题(2019-09-10)：写一个单向链数据结构的 js 实现并标注复杂度(水滴筹)
第39题(2019-09-12)：反转链表，每 k 个节点反转一次，不足 k 就保持原有顺序（哔哩哔哩）
第79题(2019-11-11)： forEach，map和filter的区别（哔哩哔哩)
第80题(2019-11-12)： 跨标签页的通讯方式有哪些（哔哩哔哩）
第81题(2019-11-13)： 实现一个函数判断数据类型（哔哩哔哩）
第76题(2019-11-07)：手动实现一个bind方法（喜马拉雅）
第77题(2019-11-08)：手动封装一个请求函数，可以设置最大请求次数，请求成功则不再请求，请求失败则继续请求直到超过最大次数（流利说）
第78题(2019-11-10)：说下浏览器的缓存机制（流利说）
第123题(2020-01-07)：谈谈Vue3 proxy 优缺点（哔哩哔哩/猫眼电影）
第154题(2020-02-18)：formData和原生的ajax data有什么区别？
第199题(2020-04-23)：webpack Tree-shaking 原理是什么？（伴鱼）
第200题(2020-04-24)：Docker 分层是什么，怎么做？（伴鱼）
75个JavaScript面试题集锦，内含解答，自测 JS 掌握程度
想加入前端交流群，跟诸多一线大厂的大佬交流学习，先进入深圳湾码农公众号👉发送“2”加我微信，我拉你入群
欢迎关注公众号：深圳湾码农，你的成长我们一起见证！