![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
设计模式学习
qq_33203555
这个作者很懒,什么都没留下…
展开
-
JS设计模式之单例模式
首先我们需要明白什么是单例模式: 保证一个类仅有一个实例,并提供一个访问它的全局访问点。 单例模式是一种常用的模式,有一些对象我们往往只需要一个,比如线程池、全局缓存、浏 览器中的 window 对象等。在 JavaScript开发中,单例模式的用途同样非常广泛。比如我们的弹窗需要一个遮罩背景,那么这个遮罩背景就适合用单例模式来创建了。实现单例模式比如我们实现一个单例创建背景divvar cr原创 2017-10-29 11:51:41 · 248 阅读 · 0 评论 -
JS设计模式之发布订阅模式
发布 — 订阅模式又叫观察者模式,它定义对象间的一种一对多的依赖关系,当一个对象的状 态发生改变时,所有依赖于它的对象都将得到通知。在 JavaScript开发中,我们一般用事件模型 来替代传统的发布 — 订阅模式。现实中的发布-订阅模式不论是在程序世界里还是现实生活中,发布 — 订阅模式的应用都非常之广泛。 比如我们平时看新闻时有不同的版块,我们只想看我们想关注的版块时。那么新闻推送就是一个原创 2017-11-01 21:53:56 · 311 阅读 · 0 评论 -
JS设计模式之策略模式
策略模式:将定义的一组算法封装起来,使其相互之间可以替换。封装的算法具有一定独立性,不会随客户端变化而变化。策略模式主要是一种用于处理多种分支判断的模式。生活中的例子大家在工作中基本都是有绩效考核的,这个绩效考核关乎奖金的发放。比如说:绩效S的发放工资的4倍奖金,A的发放3倍奖金,B的发放2倍。用程序实现奖金的计算规则。var calculateBonus = function( performan原创 2017-11-19 22:52:41 · 169 阅读 · 0 评论 -
JS设计模式之工厂模式
工厂方法模式工厂方法模式:通过对产品类的抽象使其创建业务主要负责用于创建多类产品实例。//安全模式创建的工厂类 var Factory = function(type,content){ if(this instanceof Factory){ return new this[type](content); }else{ return new Factory原创 2017-12-24 18:33:48 · 211 阅读 · 0 评论 -
JS函数节流
简介 函数节流:对重复的业务逻辑进行节流控制,执行最后一次操作并取消其他操作,以提高性能。 场景 当我们不希望某些业务逻辑频繁执行的时候,比如: 1.window的resize,scroll事件触发时需要执行的逻辑 2.拖拽时的mousemove事件 3.输入框的keyup,change事件等 节流器 如下实现一个节流器,可以避免执行重复的逻辑而只执行一次。 //节流...原创 2018-09-06 16:49:26 · 351 阅读 · 0 评论