RicoyWang RicoyWang
首页
  • 前端
  • 资源
  • 感悟
  • 问答
  • 方法论
  • 管理
  • 数据结构算法
  • 计算机原理
  • 图形学
  • 个人体系

    • 个人体系总览
    • 框架
    • UI库
    • 工具
  • 技术栈

    • 前端开发总览
    • 后端端开发总览
    • 数据库总览
  • 领域

    • 数字孪生
    • 物联网
    • 数据中台
    • 技术中台
    • APASS
    • SASS
  • 管理

    • 个人管理
    • PMP
    • 团队管理
    • 项目管理
    • 情绪管理
  • 前端组件
  • 后端组件
  • 应用
  • 前端文章

    • JavaScript
  • 学习笔记

    • 《JavaScript教程》
    • 《JavaScript高级程序设计》
    • 《ES6 教程》
    • 《Vue》
    • 《React》
    • 《TypeScript 从零实现 axios》
    • 《Git》
    • TypeScript
    • JS设计模式总结
  • 设计模式

    • 设计模式总览
  • 数据结构算法

    • JavaScript
  • HTML
  • CSS
  • 技术文档
  • GitHub技巧
  • Nodejs
  • 博客搭建
  • 学习
  • 面试
  • 心情杂货
  • 实用技巧
  • 友情链接
关于
  • 网站
  • 分类
  • 标签
  • 归档
GitHub (opens new window)

Ricoy Wang

前端娱乐讲师
首页
  • 前端
  • 资源
  • 感悟
  • 问答
  • 方法论
  • 管理
  • 数据结构算法
  • 计算机原理
  • 图形学
  • 个人体系

    • 个人体系总览
    • 框架
    • UI库
    • 工具
  • 技术栈

    • 前端开发总览
    • 后端端开发总览
    • 数据库总览
  • 领域

    • 数字孪生
    • 物联网
    • 数据中台
    • 技术中台
    • APASS
    • SASS
  • 管理

    • 个人管理
    • PMP
    • 团队管理
    • 项目管理
    • 情绪管理
  • 前端组件
  • 后端组件
  • 应用
  • 前端文章

    • JavaScript
  • 学习笔记

    • 《JavaScript教程》
    • 《JavaScript高级程序设计》
    • 《ES6 教程》
    • 《Vue》
    • 《React》
    • 《TypeScript 从零实现 axios》
    • 《Git》
    • TypeScript
    • JS设计模式总结
  • 设计模式

    • 设计模式总览
  • 数据结构算法

    • JavaScript
  • HTML
  • CSS
  • 技术文档
  • GitHub技巧
  • Nodejs
  • 博客搭建
  • 学习
  • 面试
  • 心情杂货
  • 实用技巧
  • 友情链接
关于
  • 网站
  • 分类
  • 标签
  • 归档
GitHub (opens new window)
  • JavaScript文章

  • 学习笔记

  • 设计模式

    • 设计模式总览
      • 设计模式对比
      • 创建型模式类型:工厂系列
      • 结构模式类型:适配器模式
      • 结构型模式类型:代理模式--替别人把妹
      • 结构型模式类型:装饰者模式--AOP装饰
      • 行为模式类型:策略模式-状态模式
      • 行为模式类型:观察者模式-订阅发布模式
    • 前端
    • 设计模式
    xugaoyi
    2023-12-29
    目录

    设计模式总览

    # SOLID五大设计原则

    • 单一职责原则(SRP)

    • 开闭原则 O(Open Closed Principle 面向扩展开放,面向修改关闭,可扩展 一个方法只做一件事情(函数的功能单一)

    • 里氏替换原则(LSP) 子类可以代替父类

    • 接口分离原则(ISP) 把大的接口拆分成小的接口(功能单一)

    • 依赖倒置原则(DIP) 只依赖接口不依赖方法,不关心底层的实现方法

    • 迪米特法则(Law of Demeter )最少知道原则 函数中传入的参数越少越好

    # 六个创建型模式

    • 简单工厂模式-Simple Factory Pattern【学习难度:★★☆☆☆,使用频率:★★★☆☆】
    • 工厂方法模式-Factory Method Pattern【学习难度:★★☆☆☆,使用频率:★★★★★】
    • 抽象工厂模式-Abstract  Factory Pattern【学习难度:★★★★☆,使用频率:★★★★★】
    • 单例模式-Singleton Pattern【学习难度:★☆☆☆☆,使用频率:★★★★☆】
    • 原型模式-Prototype Pattern【学习难度:★★★☆☆,使用频率:★★★☆☆】
    • 建造者模式-Builder Pattern【学习难度:★★★★☆,使用频率:★★☆☆☆】

    # 七个结构型模式

    • 桥接模式-Bridge Pattern【学习难度:★★★☆☆,使用频率:★★★☆☆】

    • 组合模式-Composite Pattern【学习难度:★★★☆☆,使用频率:★★★★☆】

    • 适配器模式-Adapter Pattern【学习难度:★★☆☆☆,使用频率:★★★★☆】

      • 适配器和桥接模式虽然类似,但桥接的出发点不同,桥接的目的是将接口部分和实现部分分离,从而对他们可以更为容易也相对独立的加以改变。而适配器则意味着改变一个已有对象的接口。
      • 装饰者模式增强了其它对象的功能而同时又不改变它的接口,因此它对应程序的透明性比适配器要好,其结果是装饰者支持递归组合,而纯粹使用适配器则是不可能的。
      • 代理模式在不改变它的接口的条件下,为另外一个对象定义了一个代理。
    • 装饰模式-Decorator Pattern【学习难度:★★★☆☆,使用频率:★★★☆☆】

      • 装饰模式在任何时候都可以使用,只要是想增强类的功能,而适配器模式则是一个补救模式,一般出现在系统成熟或已经构建完毕的项目中,作为一个紧急处理手段采用。
    • 外观模式-Facade Pattern【学习难度:★☆☆☆☆,使用频率:★★★★★】

    • 享元模式-Flyweight Pattern【学习难度:★★★★☆,使用频率:★☆☆☆☆】

    • 代理模式-Proxy Pattern【学习难度:★★★☆☆,使用频率:★★★★☆】

    # 十一个行为型模式

    • 职责链模式-Chain of Responsibility Pattern【学习难度:★★★☆☆,使用频率:★★☆☆☆】
    • 命令模式-Command Pattern【学习难度:★★★☆☆,使用频率:★★★★☆】
    • 解释器模式-Interpreter Pattern【学习难度:★★★★★,使用频率:★☆☆☆☆】
    • 迭代器模式-Iterator Pattern【学习难度:★★★☆☆,使用频率:★★★★★】
    • 中介者模式-Mediator Pattern【学习难度:★★★☆☆,使用频率:★★☆☆☆】
    • 备忘录模式-Memento Pattern【学习难度:★★☆☆☆,使用频率:★★☆☆☆】
    • 观察者模式-Observer Pattern【学习难度:★★★☆☆,使用频率:★★★★★】
      • 观察者模式:你进入餐馆,坐在餐馆里等待叫号,当叫号时,你就知道又有人可以吃饭了,你会下意识的看看自己的号。 这个过程就是观察者模式。餐馆是观察的对象,餐馆的座位是观察者队列,叫号时通知观察者(顾客),看号码就是执行相应的函数,再比对叫号和自己的号是否一致来觉得是否去取餐。

      • 发布订阅模式:你取了一个号,但还想去其他地方逛逛,然后你用微信扫了号码,就走了,当叫号时,微信会推送消息给你,这个时候你就会看看自己是否到号了。

      • 取了一个号扫码就是加入了一个消息队列,叫号的时候就能推送给你,微信就是这个中间队列。当餐馆叫号下一个的时候(发布),这个时候扫码过的人就都知道了,然后会查看自己(观察者)的号码(更新)。

    • 状态模式-State Pattern【学习难度:★★★☆☆,使用频率:★★★☆☆】
    • 策略模式-Strategy Pattern【学习难度:★☆☆☆☆,使用频率:★★★★☆】
    • 模板方法模式-Template Method Pattern【学习难度:★★☆☆☆,使用频率:★★★☆☆】
    • 访问者模式-Visitor Pattern【学习难度:★★★★☆,使用频率:★☆☆☆☆】
    编辑 (opens new window)
    JS设计模式总结笔记
    设计模式对比

    ← JS设计模式总结笔记 设计模式对比→

    最近更新
    01
    图形学
    01-03
    02
    计算机原理
    01-03
    03
    数据结构算法
    01-03
    更多文章>
    Theme by Vdoing | Copyright © 2017-2025 RicoyWang | MIT License
    • 跟随系统
    • 浅色模式
    • 深色模式
    • 阅读模式