大话设计模式之代理模式
1，A想要和C通信，但是A却不是直接和C通信，而是先经过B，让B和C通信。即A是被代理者，B是代理者，C是目标对象。2，当A使用代理B与C通信时，可以在B端增加一些功能，比如：在B上做一些安全控制和预处理。3，代理模式的结构图中，代理类（B）和真实的类（A）都实现自同一个抽象接口，该抽象接口中声明了各个方法。真实类im...
大话设计模式之装饰者模式
装饰者模式通过使用继承，能够将对象一层一层地包装起来。1，Person是被装饰的对象，装饰者模式的类图中，所有的类都继承自Person类。Person类有一个show方法，用来展示Person对象哪些服饰装饰了。通过继承，所有的类都有show方法，因此当人穿上了某种服饰之后，就可能调用该服饰的show方法展示出来。当没...
javascript设计模式实践之职责链--具有百叶窗切换图片效果的JQuery插件（三）
在上一篇《javascript设计模式实践之模板方法--具有百叶窗切换图片效果的JQuery插件（二）》里，通过采用模板方法模式完成了切换效果对象的构建编写。接下来就是完成各效果对象的调用和联动。切换要求：当前图片显示指定时间后执行切换效果并切换下一张图片，最后一个切换后从头开始。按照要求一个效果对象完成后要执行下一个...
javascript设计模式实践之模板方法--具有百叶窗切换图片效果的JQuery插件（二）
在上一篇《javascript设计模式实践之迭代器--具有百叶窗切换图片效果的JQuery插件（一）》里，通过采用迭代器模式完成了各初始化函数的定义和调用。接下来就要完成各个切换效果的编写。先思考一下一个切换效果需要完成的操作1.准备阶段，将各个strip归位到动画效果开始的位置。2.动画效果处理。3.执行。3.完成。...
javascript设计模式实践之迭代器--具有百叶窗切换图片效果的JQuery插件（一）
类似于幻灯片的切换效果，有时需要在网页中完成一些图片的自动切换效果，比如广告，宣传，产品介绍之类的，那么单纯的切就没意思了，需要在切换的时候通过一些效果使得切换生动些。比较常用之一的就是窗帘切换了。先贴上完成的效果。 实现原理不复杂，在动的一条一条的称之为“窗帘条”或者是“strip”...
javascript设计模式实践之策略模式--输入验证
策略模式中的策略就是一种算法或者业务规则，将这些策略作为函数进行封装，并向外提供统一的调用执行。先定义一个简单的输入表单：<!DOCTYPEhtml><html><head><metacharset="utf-8"><style>.form{width:400...
《Head First 设计模式》[02] 观察者模式
1.3.1故事背景气象站将建立新一代的网络气象观测站，这个业务外包给了某公司，业务要求是这样的：气象站会提供WeatherData对象，由其追踪目前的天气情况外包公司要建立一个应用，有三种布告板，分别显示目前的状况、气象统计、简单预报当WeatherData对象获取到新的数据时，三种布告板必须更新要求可拓展，能让其他开...
设计模式随笔之——单列模式
一、单例模式的定义: 单例模式是一个比较简单的模式，其定义为:确保某一个类只有一个实例，而且自行实例化并像整个系统提供这个实例。单例模式大致可以分为:饿汉式和懒汉式。 以下关于单例模式的优点、缺点、使用场景摘自《设计模式之禅》 二、单例模式的优点: 1、由于单例模式在内存中只有一个实例，减少了内存开支，...
《Head First 设计模式》[01] 策略模式
《HeadFirst设计模式》（点击查看详情）做完这些，你可能要问了，行为既然委托给别人了，不在鸭子身上了，那么我们如何整合鸭子的行为呢？将剥离部分作为实例变量，加入到类中（即把FlyBehavior接口作为变量设置到Duck类中）设置类似原来fly()的方法performFly()，调用已经作为实例变量的接口中定义的...