前端指南小组

JavaScript 专题系列第九篇，讲解如何实现数组的扁平化，并解析 underscore 的 _.flatten 源码 扁平化 数组的扁平化，就是将一个嵌套多层的数组 array (嵌套可以是任何层数)转换为只有一层的数组。 举个例子，假设有个名为 flatten 的函数可…

这是一本5万字符（中文约2w）的小书，可能需要几个小时阅读，需要几天或更多时间去消化。部分代码还不能正确地跑起来，有错别字，有不准确的概念...，但这不妨碍它作为你一个野生前端学习数据结构与算法的启蒙文章，期待你的一针见血、刀刀致命😐 对任何专业技术人员来说，理解数据结构都非…

一提到React，学过的人都会想到提高性能的两大神奇特色：虚拟DOM & diff算法。React diff作为Virtual DOM的加速器，其算法的改进优化是React整的界面渲染的基础，以及性能提高的保障。虽然开发中不需要知道其运行机制，但是理解之后有助于更好的理解Rea…

这是工作内验证的部分，这些年在工作外业余时间通过分享或者线下社交，加了上百个微信群，朋友圈也多了上千个前端朋友，我自己也建了 5 个成长群，分别是：未毕业（大一二三四）、初级（工作约 0~2 年）、中高级（工作约 2~4 年）、资深（工作约 3~5 年以上）以及专门的前端管理群…

用过Vuejs的同学都知道，需要用new操作符来实例化。 那么面试官可能会问是否想过new到底做了什么，怎么模拟实现呢。 从这里例子中，我们可以看出：一个函数用new操作符来调用后，生成了一个全新的对象。而且Student和Object都是函数，只不过Student是我们自定义…

new 一句话介绍 new: 也许有点难懂，我们在模拟 new 之前，先看看 new 实现了哪些功能。 举个例子： 从这个例子中，我们可以看到，实例 person 可以： 访问到 Otaku 构造函数

首先，JavaScript是一个单线程的脚本语言。 所以就是说在一行代码执行的过程中，必然不会存在同时执行的另一行代码，就像使用alert()以后进行疯狂console.log，如果没有关闭弹框，控制台是不会显示出一条log信息的。 亦或者有些代码执行了大量计算，比方说在前端暴…

还记得刚学爬虫的时候，选了一个美女网站来练手，效率极高，看到什么都想爬下来。爬得正高兴呢，出现了一连串错误信息，查看后发现因为爬取太过频繁，被网站封了ip，那时起就有了构建代理ip池的念头。 网上搜索一下代理ip就会发现有很多网站提供，但是稳定好用的都要收费，免费倒也有一堆，但…

requestAnimationFrame相较于setTimeout、setInterval的优点这里不多说，想要了解的同学可以戳requestAnimationFrame最佳实践。 requestAnimationFrame原生没有自定义时间间隔执行的功能，比如想要实现每隔1…