数组中的 reduce 犹如一只魔法棒，通过它可以做一些黑科技一样的事情。语法如下： reduce 接受两个参数，回调函数和初识值，初始值是可选的。回调函数接受4个参数：积累值、当前值、当前下标、当前

在上一篇文章中，我向你提出了使用reduce去创建一些众所周知的函数。本文将向你展示如何实现其中的一些，另外还有一些其它的函数。 总的来说，我们将研究10个实用的函数。它们在您的项目上非常方便，而且最重要的是，它们是用reduce来实现的！我从RamdaJS库中获得了很多灵感，…

好，如果你可以很好的回答出上面这几个问题，那么你可以跳过这篇文章或者可以帮笔者去检查一下有没有出错或者有纰漏的地方，而那些没有回答上来的下伙伴，不要怀疑自己，快来和我一起在学一下吧。 构造函数继承的思想特别简单，就是在子类型构造函数的内部调用超类型构造函数。函数只不过是在特定环…

返回新对象。 简单版深拷贝，列举三个例子 array object function，可以自行扩展。主要是引发大家的思考 鄙人公众号【前端技匠】，一起来学习吧。

最近经常看到很多JavaScript手写代码的文章总结，里面提供了很多JavaScript Api的手写实现。 里面的题目实现大多类似，而且说实话很多代码在我看来是非常简陋的，如果我作为面试官，看到这样的代码，在我心里是不会合格的，本篇文章我拿最简单的深拷贝来讲一讲。 本文由浅…

直接进入正题，IntersectionObserver 翻译为 "交叉观察者"，它的任务就是监听目标元素跟指定父元素（用户可指定，默认为viewport）是否在发生交叉行为，简单理解就是监听目标元素是否进入或者离开了指定父元素的内部（理解这句就行了，管他交不交叉呢），我好像在开…

因水平有限，文中部分翻译可能不够准确，如果你有更好的想法，欢迎在评论区指出。 任何一种编程语言都具有超出基本用法的功能，它得益于成功的设计和试图去解决广泛问题。 JavaScript 中有一个这样的函数: Array.from：允许在 JavaScript 集合(如: 数组、类…

一直以来，检测元素在浏览器视窗口内不是件容易的事，很多解决方案都不能很准确的判断，计算量也有可能拖慢网站性能。 监听浏览器滚动事件scroll，对每个目标元素执行Element.getBoundingClientRect(),getBoundingClientRect方法返回元…

答:我想这是大部分人看到这个标题都会问的问题.因为作为一个男人,我喜欢长一点,也不喜欢分割成几个部分.一家人就要在一起,整整齐齐.好吧,正经点,其实整篇前言可以说都是在回答这个问题.你可以选择先看完前言,再决定要不要和书本搭配起来阅读. 这里先简单捋一下:1,内容多:首先这篇读…