前端开发常用工具包，欢迎大家评论补充。 前端开发常用工具包，欢迎大家评论补充。 前端开发常用工具包，欢迎大家评论补充。

以上就是大概的实现思路了，有些地方还是略显粗糙的；另外从整体的描述来看，一些兼容的参考数值还是有点绕的，还是需要结合源码去跑一下，不然可能没有太直接的代入感；到最后也是希望能抛砖引玉了，探讨下多种实现方案，对比分析一些优缺点。

接上一期「数组方法」写给女友的一系列 JS 数组操作（建议收藏 | 内附思维导图） 文章发出去之后，有些小伙伴还真发给自己女友了，不知道“感动”了没有哈（手动滑稽）。 那么，这次女友直接说明白了，那么我就从“头”开始讲讲事件循环系统，通过一篇文章搞定这一块知识点。 关于消息队列…

从概念上来说，发布-订阅者模式只是观察者模式的一种优化方案，他们都是描述对象间一对多的关系，如果有一个状态改变，则所有依赖于它的对象都会得到更新。 见的最多的就是vue中的实现原理。 先回顾一下观察者模式中创建副本的例子。 这里可以看到，观察者模式的任务中心其实是在目标(被观察…

面试官：手写一个 call/apply/bind。 call：可以改变函数指向，第一个参数是要改变指向的对象，之后的参数形式是 arg1, arg2... 的形式 arguments 是一个对应于传递给函数的参数的类数组对象。 arguments 对象不是一个 Array 。 …

防止重复点击可以添加一个开关,让这个开关默认为 true，第一次点击将其变为 false,点击事件的执行需要判断这个开关是否为 true，为 true 执行,false 不执行。例子如下： 如果只是防止点击过快，还可以设置定时器，在一定时间后，自动将开关变为 true，下面例子…

浏览器里面，顶层对象是window，但 Node 和 Web Worker 没有window。 浏览器和 Web Worker 里面，self也指向顶层对象，但是 Node 没有self。 Node 里面，顶层对象是global，但其他环境都不支持。 ES2020 在语言标准的…

最近在准备面试，刚好利用几天的时间系统的整理了下JS经常考的手撕题类型。 在这里，以脑图的形式带大家手撕这篇文章里的所有题（带注释）。 5. 手动实现防抖函数 柯理化函数含义：是给函数分步传递参数，每次传递部分参数，并返回一个更具体的函数接收剩下的参数，这中间可嵌套多层这样的接…

最近把之前学习过的这些设计模式又再次温习了一下，觉得还是有很多收获的。确实有了温故知新的感觉，所以准备在每个设计模式复习完之后都能够写一篇关于这个设计模式的文章，这样会让自己能够加深对这个设计模式的理解；也能够跟大家一起来探讨一下。 今天我们来一起学习一下观察者模式，刚开始我们…