
设计模式
文章平均质量分 75
vuturn
这个作者很懒,什么都没留下…
展开
-
javascript设计模式之Module模块
模块是任何强大的应用程序架构不可或缺的一部分,它通常能够帮助我们清晰地分离和组织项目中的代码单元。JavaScript实现模块模式 的几种方法: (1)对象字面量表示法 (2)Module模式 (3)AMD模式 (4)CommonJS模块 (5)ECMAScript Harmony1.对象字面量 示例:var myModule={原创 2015-07-30 08:59:20 · 1418 阅读 · 4 评论 -
jquery中的设计模式(一)
Composite(组合)模式composite模式描述了一组对象,可以使用与处理对象的单个实例同样的方式来进行处理。这样能使我们能够以统一的方式处理单个对象或者组合。在jQuery中,把方法应用于元素或元素集合时,可以使用统一的方式来处理它们,因为这两种选择都会返回jQuery对象。例: $("#test").addClass(".red"); $(".test")原创 2015-12-15 11:55:48 · 3303 阅读 · 0 评论 -
javascript设计模式之策略(Strategy)模式
策略模式支持我们在运行的时候选择算法。代码的客户端可以使用同一个接口来工作,但是它却根据客户端正在试图执行任务的上下文,从多个算法中选择用于处理特定任务的算法。 使用策略模式的其中一个例子是解决表单验证的问题。可以创建一个具有validate()方法的验证器对象。无论表单的具体类型是什么,该方法都将会被调用,并且返回相同的结果,一个未接验证的数据列表以及任意的错误信息。 但是根据具体的原创 2015-10-12 10:39:31 · 575 阅读 · 0 评论 -
中介者(Mediator)模式
应用程序,无论其大小,都是由一些单个对象所组成。所有这些对象需要一种方式来实现相互通信,而这种通信在一定程度上不降低可维护性,也不损坏那种安全的改变部分应用程序而不会破坏其余部分的能力。随着应用程序的增长,将添加越来越多的对象。然后在代码重构期间,对象将被删除或重新整理。当对象互相知道太多信息并且直接通信时,这将会导致不良的紧耦合问题。当对象间紧耦合时,很难改变单个对象的同时不影响其他的多个对象。原创 2015-10-25 16:17:38 · 612 阅读 · 0 评论 -
javascript设计模式之Decorator(装饰者)模式
Decorator是一种结构型设计模式,用于促进代码复用,是一种可行的对象子类化的替代方案。Decorator提供了将行为动态添加到系统现有类的能力。其想法是,装饰者本身对于类原有的基本功能来说并不是必要的;否则,它就可以合并到超类本身。装饰者可以用于修改现有的系统,希望在系统中为对象添加额外的功能,而不需要大量修改使用它们的底层代码。开发人员使用装饰者的一个原因是,应用程序可能包含需要大量不原创 2015-10-08 16:30:08 · 999 阅读 · 0 评论 -
javascript设计模式之Observer(观察者)模式
Observer(观察者)是一种设计模式,一个对象(subject)维持一系列依赖于它(观察者)的对象,将任何状态的任何变更自动通知给它们。Suject(目标)维护一系列的观察者,方便添加或者删除观察者。Observer(观察者)为那些在目标状态发生改变时需获得通知的对象提供更新接口 首先,建立Observer所需要的代码function ObserverList原创 2015-09-02 10:49:30 · 8182 阅读 · 0 评论 -
Javascript模块化编程:require.js的用法
一、为什么要用require.js?最早的时候,所有Javascript代码都写在一个文件里面,只要加载这一个文件就够了。后来,代码越来越多,一个文件不够了,必须分成多个文件,依次加载。下面的网页代码,相信很多人都见过。 这段代码依次加载多个js文件。这样的写法有很大的缺点。首先,加载的时候,浏览器会停止网页渲染,加转载 2015-08-16 22:07:45 · 621 阅读 · 1 评论 -
javascript设计模式之单例(singleton)模式
singleton模式限制了类的实例化次数只能有一次。singleton模式,该实例不存在的情况下,可以通过一个方法创建一个类来实现创建类的新实例;如果实例已经存在,它会简单的返回对象的引用。Singleton不同于静态类,它可以延迟实例化。 1.对象字面量实现 在javascript中实现单例模式有很多方式,其中最简单的就是对象字面量。var Singleton={原创 2015-08-16 11:02:26 · 854 阅读 · 0 评论 -
javascript设计模式之工厂(Factory)模式
工厂模式一种创建型模式,目的是为了创建对象。它通常在类或者类的静态方法中实现。1.当创建相似对象时,执行重复操作。2.在编译不知道具体类型时,为工厂客户提供一种创建对象的接口。原创 2015-08-27 19:52:07 · 4769 阅读 · 0 评论 -
jQuery设计模式(二)
Iterator(迭代器)模式 Iterator是一种设计模式,其中,迭代器顺序访问聚合对象的元素,无需公开其基本形式。 迭代器封装特定迭代如何发生的内部结构。对于jQuery的jQuery.fn.each()迭代器,我们实际上能够使用jQuery.each()后面的底层代码来遍历一个集合,而不需要阅读或者理解提供这种功能的后台工作代码。 这种模式可以被视为一种特殊的facade,我们显式地原创 2015-12-18 14:18:15 · 1334 阅读 · 0 评论