# design-patterns

**Repository Path**: zhubinbin1/design-patterns

## Basic Information

- **Project Name**: design-patterns
- **Description**: 前端设计模式
涉及到23种设计模式。
包括介绍封装继承多态在前端的应用

- **Primary Language**: JavaScript
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2023-11-29
- **Last Updated**: 2024-11-18

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# design-patterns

#### 介绍

涉及到23种设计模式,充分发挥一下各个设计模式使用场景
* 讲的是设计模式，但是还是注重他们的设计思路
* 以例子或者实际开发场景介绍什么时候用什么设计模式
* 所有例子都进行简化设计，部分可能看着像是业务逻辑的判定。
* 会以其他编程语言做比较封装性和多态性特点。js不能完全满足设计要求

* 项目中每一个设计模式的例子都是唯一的，更能让大家记住。
* z其他模式目录不常用，简单带过，主要记住场景使用什么模式的设计思路。
* 项目以js为主的前端设计模式

* 包括介绍封装继承多态在前端的应用
    - 三大特性说明：
        + 封装
        + 继承
        + 多态
    - 各个模式说明：
    简化java模式，js模式更面向对象说明
* 各个模式间PK对比：
    - 代理PK中介者
    - 外观PK装饰器
    - 抽象工厂PK静态工厂
    - 懒汉式PK饿汉式
    - java设计方式PK js设计方式
    - 访问者PK装饰器

#### 扩展：
针对vue开发，设计模式思想可拓展其他方式。
针对设计模式，前端开发相对没那么复杂，一般都可用工具类解决
如理财分购买赎回分红等交易类型
图表分定开开放货币等，数据独立、图表渲染独立、配置独立
设计模式适合复杂的交互逻辑，如果前端涉及到vue很模板化的需要自己定义通用方式（共用与隔离）:
* mixin
* estends
* vuex
* data.js


#### 特技

1.  使用 Readme\_XXX.md 来支持不同的语言，例如 Readme\_en.md, Readme\_zh.md
2.  Gitee 官方博客 [blog.gitee.com](https://blog.gitee.com)
3.  你可以 [https://gitee.com/explore](https://gitee.com/explore) 这个地址来了解 Gitee 上的优秀开源项目
4.  [GVP](https://gitee.com/gvp) 全称是 Gitee 最有价值开源项目，是综合评定出的优秀开源项目
5.  Gitee 官方提供的使用手册 [https://gitee.com/help](https://gitee.com/help)
6.  Gitee 封面人物是一档用来展示 Gitee 会员风采的栏目 [https://gitee.com/gitee-stars/](https://gitee.com/gitee-stars/)