箫笛

摘要： 定义：适配器模式主要用来解决两个已有接口之间不匹配的问题，它不考虑这些接口是怎样实现的，也不考虑它们将来 可能会如何演化。适配器模式不需要改变已有的接口，就能够使它们协同作用。 1.适配器模式的实现 通过adapter类包装为统一的接口 class GooleMap { show(){ consol 阅读全文

摘要： 定义：中介者模式的作用就是解除对象与对象之间的紧耦合关系。增加一个中介者对象后，所有的相关对象都 通过中介者对象来通信，而不是互相引用，所以当一个对象发生改变时，只需要通知中介者对象即可。中介者 使各个对象之间耦合松散，而且可以独立地改变它们之间的交互。中介者模式使网状的多对多关系变成了相对 简单的 阅读全文

摘要： 定义： 一个操作符是返回一个Observable对象的函数，不过，有的操作符是根据其他Observable对象产生返回 的Observable对象，有的操作符则是利用其他类型输入产生返回的Observable对象，还有一些操作符不需要输入 就可以凭空创造一个Observable对象。 1. 操作符分 阅读全文

摘要： Rxjs 就是利用javascript实现了响应式编程的概念，利用监听流的模式处理异步操作。 1. 函数响应式编程 函数式编程 声明式 纯函数 数据不可变性 响应式编程 通过可监听流实现异步编程 2. Observable 和 Observer Rxjs中的数据流就是Observable对象，它是被 阅读全文

摘要： 定义：外观模式又叫门面模式，外观模式为一个系统中的子系统提供一个统一的高层接口，从而方便使用 子系统。 1. 用类实现外观模式 class Cpu { install() { console.log('install cpu'); } } class Disk { install() { conso 阅读全文

摘要： 定义：给对象动态地增加职责的方式称为装饰者模式，装饰者模式能够在不改变对象自身的基础上，在程序运行 期间给对象动态地添加职责。 从功能上而言，装饰器能很好地描述这个模式，但从结构上看，包装器的说法更加贴切。装饰者模式将一个对象 嵌入另一个对象之中，实际上相当于这个对象被另一个对象包装起来，形成一条包 阅读全文

摘要： Rxjs 就是利用javascript实现了响应式编程的概念，利用监听流的模式处理异步操作。 1. 函数响应式编程 函数式编程 声明式 纯函数 数据不可变性 响应式编程 通过可监听流实现异步编程 2. Observable 和 Observer Rxjs中的数据流就是Observable对象，它是被 阅读全文

摘要： 发布-订阅模式也叫观察者模式,可以用在异步编程中替代回调函数的方案。发布-订阅模式可以取代对象之间硬 编码的通知机制，一个对象不用显式地调用另一个对象的某个接口。发布-订阅模式让两个对象松耦合地联系在 一起，虽然不太清除彼此的细节，但这不影响它们之间相互通信。 1. 发布-订阅模式的实现思路 指定发 阅读全文

摘要： 定义：允许一个对象在其内部状态改变时改变它的行为，对象看起来似乎修改了它的类。 其主要原理是将状态封装成独立的类，并将请求委托给当前的状态对象，当对象内部状态变化时， 会带来不同的行为变化。 1. 状态模式类实现方式 // 状态类 class OffLightState { constructor( 阅读全文

摘要： React-Router帮助我们实现单页应用的路由跳转功能 1. 简单路由 src/pags/home.js const Home = () => { return ( <div>Home</div> ); }; src/Routes.js import React from 'react'; im 阅读全文