解决：避免请求发送者与接收者耦合在一起，让多个对象都有可能接收请求，将这些对象连接成一条链，并且沿着这条链传递请求，直到有对象处理它为止。 使用：在处理消息的时候以过滤很多道。 方式：拦截的类都实现统一接口。 场景：JS 中的事件冒泡；红楼梦中的"击鼓传花"。 降低耦合度。它将…

管道模式（Pipeline Pattern） 是责任链模式（Chain of Responsibility Pattern）的常用变体之一。在管道模式中，管道扮演着流水线的角色，将数据传递到一个加工处理序列中，数据在每个步骤中被加工处理后，传递到下一个步骤进行加工处理，直到全部…

随着React和Vue等异步框架的广泛运用，前端状态管理器逐渐成为前端开发比不可少话题。形如React有倍受欢迎的Redux，再如Vue标配的状态管理器Vuex，都是业内相对成熟的状态管理器，那么我们接下来就用原生javascript来实现一个状态管理器。 主要包含两个方面：第…

程序编程的历史由来已久，一个优秀的编程思想可以让我们写出更好的逻辑代码。面向对象的程序应该具有可维护性，代码可复用性，扩展性以及灵活性。为了实现以上的功能，大佬们总结出一套可用的内功心法，那就是设计模式。设计模式（Design pattern）是一套被反复使用、多数人知晓的、经…

定义： 定义一系列的算法，把它们一个个封装起来，并且使它们可以互相替换。 一个基于策略模式的程序至少由两部分组成。 第一个部分是一组策略类 strategy，策略类封装了具体的算法，并负责具体的计算过程。 在现实中，很多时候也有多种途径到达同一个目的地。比如我们要去某个地方旅游…

作为一名 Web 开发者，在日常工作中，经常都会遇到消息通信的场景。比如实现组件间通信、实现插件间通信、实现不同的系统间通信。那么针对这些场景，我们应该怎么实现消息通信呢？本文阿宝哥将带大家一起来学习如何优雅的实现消息通信。 好的，接下来我们马上步入正题，这里阿宝哥以一个文章订…

开发中，我们或多或少地接触了设计模式，但是很多时候不知道自己使用了哪种设计模式或者说该使用何种设计模式。本文意在梳理常见设计模式的特点，从而对它们有比较清晰的认知。 看完了上述设计模式后，把它们的关键词特点罗列出来，以后提到某种设计模式，进而联想相应的关键词和例子，从而心中有数。

设计模式已经连载到了第 3 期，由于下一期的观察者模式要配合团队的埋点性能博客一起上要暂缓一段时间，所以这一篇算彩蛋篇，推出一个开箱即用型的 fetch 项目实战。 如上是直接使用 fecth 的方法，但在项目中直接引用会有很多不便的地方，所以我们先简单封装一下，比如跨域配置、…

前面一篇文章setTimeout和setImmediate到底谁先执行，本文让你彻底理解Event Loop详细讲解了浏览器和Node.js的异步API及其底层原理Event Loop。本文会讲一下不用原生API怎么达到异步的效果，也就是发布订阅模式。发布订阅模式在面试中也是高…