![](https://img-blog.csdnimg.cn/20200816165504669.jpg?x-oss-process=image/resize,m_fixed,h_224,w_224)
JavaScript设计模式
JavaScript设计模式的学习笔记
CUG-GZ
这个作者很懒,什么都没留下…
展开
-
【JavaScript 设计模式】设计模式总览
目录1. 什么是设计模式?2. 设计原则概述3. 设计模式核心思想4. 设计模式分类1. 什么是设计模式?设计模式是一套被反复使用、多数人知晓、经过分类编目的、代码设计经验的总结。它是为了可重用代码,让代码更容易的被他人理解并保证代码的可靠性。就像是我们在做数学题的时候,已知直角三角形两边长,求另一边,我们会直接用勾股定理,而不会去证明为什么勾股定理是成立的。所以,设计模式实际上是“拿来主义”在软件领域的贯彻实践,它是一套现成的工具,拿来即用。下面来看一下设计模式的设计原则。2. 设计原则概述设原创 2020-08-31 17:32:42 · 295 阅读 · 0 评论 -
【JavaScript 设计模式】装饰器模式
1. 什么是装饰器模式?2. 装饰器模式的原理3. 装饰器模式的使用场景3.1 给浏览器事件添加新功能(1)3.2 给浏览器事件添加新功能(2)4. 装饰器模式的优缺点5. 装饰器模式的适用场景6. 其他相关模式原创 2020-09-12 18:53:18 · 695 阅读 · 0 评论 -
【JavaScript 设计模式】观察者模式与发布订阅模式
1. 什么是观察者模式/发布-订阅模式?2. 观察者模式的实现3. 发布-订阅模式的实现4. Vue中的发布-订阅模式4.1 EventBus4.2 Vue源码5. 观察者模式的优缺点6. 发布-订阅模式的优缺点原创 2020-09-07 11:10:02 · 496 阅读 · 0 评论 -
【JavaScript 设计模式】单例模式
1. 什么是单例模式?2. 单例模式的实现3. Vue中的单例模式3.1 Element UI3.2 Vuex4. 单例模式的优缺点5. 单例模式的使用场景原创 2020-09-01 10:30:00 · 653 阅读 · 0 评论 -
【JavaScript 设计模式】工厂模式
1. 什么是工厂模式?2. 工厂模式的实现方式2.1 简单工厂模式2.2 工厂方法模式2.3 抽象工厂模式3. 工厂模式的通用实现4. Vue中的工厂模式4.1 VNode4.2 vue-router5. 工厂模式的优缺点6. 工厂模式的使用场景原创 2020-09-01 00:20:45 · 572 阅读 · 0 评论