Interview

大前端每日一题，从基础到进阶，从原理到实战，用面试题来倒逼强迫自己每天去学习去查漏补缺 ，系统构建前端完整的知识体系！ 注：每天早上9点左右更新题目及前一天的答案，首页文件夹里的文章来源于网络，仅供参考学习使用，若有侵权，烦请联系我删除！

业精于勤，荒于嬉；行成于思，毁于随！学习从来都不是一蹴而就的事情，需要每天的点滴积累与沉淀，从而由量变引发质变！

今日一题：

第347题(2020-11-25)：算法：js实现将一个二维数组转换成树结构（京东）

讨论与参考答案：第347题

一周汇总

第313题(2020-09-26)：编写一个算法解析以下符号，转换为json树的结构 （美团）

讨论与参考答案：第313题

第312题(2020-09-25)：给你一个由 '1'（陆地）和 '0'（水）组成的的二维网格，请你计算网格中岛屿的数量

讨论与参考答案：第312题

第311题(2020-09-24)：假设把某股票的价格按照时间先后顺序存储在数组中，请问买卖该股票一次可能获得的最大利润是多少？

讨论与参考答案：第311题

第310题(2020-09-23)：说说 vue 如何收集依赖的？

讨论与参考答案：第310题

第309题(2020-09-22)：实现格式化输出，比如输入 999999999，输出 999,999,999?

讨论与参考答案：第309题

第308题(2020-09-21)：原生实现 ES5 的 Object.create()方法

讨论与参考答案：第308题

分类

HTML

第112题(2019-12-24)：请使用canvas画一个五角星。

讨论与参考答案：第112题

第190题(2020-04-10)：dangerousSetInnerHTMl知道不？和innerHTML的区别？（美团）

讨论与参考答案：第190题

第202题(2020-04-27)：dom树和cssom树原理是什么？（阿里）

讨论与参考答案：第202题

CSS

第24题(2019-08-22)：介绍下重绘和回流（Repaint & Reflow），以及如何进行优化

讨论与参考答案：第24题

第203题(2020-04-28)：响应式背后的浏览器原理你知道吗？（阿里）

讨论与参考答案：第205题

第220题(2020-05-25)：flex: 0 1 auto 表示什么意思?(拼多多）

讨论与参考答案：第220题

javaScript

第1题(2019-07-22) 以下代码会输出什么?

讨论与参考答案：第1题

第2题(2019-07-23)：a在什么情况下，控制台会输出hello world（答案不唯一）

讨论与参考答案：第2题

第3题(2019-07-24)：请使用原型链相关知识实现b继承n=1;c继承n=2;m=3

讨论与参考答案：第3题

第4题(2019-07-25) 以下代码输出什么？

讨论与参考答案：第4题

第5题(2019-07-26) 已知以下数组： 编写一个程序将数组扁平化去并除其中重复部分数据，最终得到一个升序并且不重复的数组

讨论与参考答案：第5题

第6题(2019-07-29)：实现一个函数add,满足下列输出结果

讨论与参考答案：第6题

第7题(2019-07-30)：以下代码会输出什么？

讨论与参考答案：第7题

第10题(2019-08-02)：输出以下代码运行结果

讨论与参考答案：第10题

第12题（2019-08-6）：编程题，根据以下要求，写一个数组去重函数

讨论与参考答案：第12题

第13题（2019-08-7）：为什么for循环嵌套顺序会影响性能?

讨论与参考答案：第13题

第14题（2019-08-8）：统计 1 ~ n 整数中出现 1 的次数

讨论与参考答案：第14题

第15题(2019-08-09)：修改以下 print 函数，使之输出 0 到 99，或者 99 到 0

讨论与参考答案：第15题

第18题(2019-08-14)：实现一个 sleep 函数，比如 sleep(1000) 意味着等待1000毫秒，可从 Promise、Generator、Async/Await 等角度实现

讨论与参考答案：第18题

第20题(2019-08-16)：下面代码中 a 在什么情况下会打印 1？

讨论与参考答案：第20题

第21题(2019-08-19)：vue 是如何对数组方法进行变异的？例如 push、pop、splice 等方法

讨论与参考答案：第21题

第22题(2019-08-20)：：ES5/ES6 的继承除了写法以外还有什么区别？

讨论与参考答案：第22题

第23题(2019-08-21)：介绍下观察者模式和订阅-发布模式的区别，各自适用于什么场景

讨论与参考答案：第23题

第25题(2019-08-23)：有以下 3 个判断数组的方法，Object.prototype.toString.call() 、 instanceof 以及 Array.isArray()，请分别介绍它们之间的区别和优劣

讨论与参考答案：第25题

第26题(2019-08-26)：输出以下代码执行结果

讨论与参考答案：第26题

第29题(2019-08-29)：什么是防抖和节流？有什么区别？如何实现？

讨论与参考答案：第29题

第30题(2019-08-30)：如何将 [{id: 1}, {id: 2, pId: 1}, ...] 的重复数组（有重复数据）转成树形结构的数组 [{id: 1, child: [{id: 2, pId: 1}]}, ...] （需要去重）

讨论与参考答案：第30题

第31题(2019-09-02)：介绍下 Set、Map、WeakSet 和 WeakMap 的区别？

讨论与参考答案：第31题

第32题(2019-09-03)：考察作用域的一道代码题

讨论与参考答案：第32题

第34题(2019-09-05)：请把俩个数组 [A1, A2, B1, B2, C1, C2, D1, D2] 和 [A, B, C, D]，合并为 [A1, A2, A, B1, B2, B, C1, C2, C, D1, D2, D]

讨论与参考答案：第34题

第35题(2019-09-06)：使用迭代的方式实现 flatten 函数

讨论与参考答案：第35题

第36题(2019-09-09)：改造下面的代码，使之输出0 - 9，写出你能想到的所有解法

讨论与参考答案：第36题

第52题(2019-10-08)：谈谈你对事件委托(代理)的理解及它们的使用场景

讨论与参考答案：第52题

第53题(2019-10-09)：谈谈你对闭包的理解、优缺点及使用场景

讨论与参考答案：第53题

第54题(2019-10-10)：实现一个函数clone，可以对JavaScript中的5种主要的数据类型（包括Number、String、Object、Array、Boolean）进行值复制

讨论与参考答案：第54题

第55题(2019-10-11)：在Javascript中什么是伪数组？如何将伪数组转化为标准数组？

讨论与参考答案：第55题

第56题(2019-10-12)：对作用域上下文和this的理解，看下列代码：

讨论与参考答案：第56题

第57题(2019-10-14)：编写一个 JavaScript 函数，输入指定类型的选择器 ( 仅需支持 id ， class ，tagName 三种简单 CSS 选择器，无需兼容组合选择器 ) 可以返回匹配的 DOM 节点，需考虑浏览器兼容性和性能。

讨论与参考答案：第57题

[第58题(2019-10-15)：定义一个log方法，让它