JavaScript设计模式

javascript设计模式4

静态成员是直接通过类对象访问的 var Book=(function(){ var numOfBooks=0; function checkIsbn(isbn){ ... } return function(newIsbn,newTitle,newAuthor){ var isbn,title,author;
·2015-11-11 10:14

javascript设计模式3

门户大开式对象 var Book=function(isbn,title,author){ if (isbn==undefined) throw new Error("不合法"); this.isbn=isbn; this.title=title||'无标题'; this.author||'无作者'; } Book.prototy
·2015-11-11 10:13

javascript设计模式2

接口：利 固化一部分代码 弊 丧失js的灵活性 在JavaScript中模仿接口 /* interface Composite{ function add(child); function remove(child); function getChild(index); } interface FormItem{ function save();
·2015-11-11 10:12

javascript设计模式1

普通写法 function startAnimation(){ ... } function stopAnimation(){ ... } 对象类 /*Anim class*/ var Anim=function(){ ... }; Anim.prototype.start = function() { ... }; Anim.p
·2015-11-11 10:12

《JavaScript设计模式与开发实践》读书笔记之享元模式

1. 享元模式 享元模式是一种用于性能优化的模式，享元模式的核心是运用共享技术来有效支持大量细粒度的对象 1.1 传统的文件上传方法 以文件上传为例，文件上传功能可以选择依照队列，一个一个的排队上传，也支持同时选择2000个文件。假如每一个文件都对应着一个JavaScript上传对象的创建，2000个文件就会同时创建2000个upload对象假设这里的文件上传支持插件和flash两种 va
·2015-11-11 07:53

《JavaScript设计模式与开发实践》读书笔记之模板方法模式

1. 模板方法模式 1.1 面向对象方式实现模板方法模式 以泡茶和泡咖啡为例，可以整理为下面四步 把水煮沸 用沸水冲泡饮料 把饮料倒进杯子 加调料 首先创建一个抽象父类来表示泡一杯饮料 var Beverage=function(){}; Beverage.prototype.boilWater=function(){ console.log('把水煮沸
·2015-11-11 07:52

《JavaScript设计模式与开发实践》读书笔记之观察者模式

1.观察者模式 观察者模式定义对象间的一种一对多的依赖关系，当一个对象的状态发生改变时，所有依赖于它的对象都将得到通知。 JavaScript中通常采用事件模型替代传统的观察者模式 1.1 逐步实现观察者模式 以客户看房为例 首先指定谁充当发布者，如售楼处 然后给发布者添加一个缓存列表，用于存放回调函数以便通知订阅者。这里为了让订阅者只接收自己感兴趣的消息，增加一个标识key 最后发布
·2015-11-11 07:51

《JavaScript设计模式与开发实践》读书笔记之命令模式

1.命令模式 1.1 传统的命令模式 命令模式的应用场景：请求的发送者和请求接收者消除彼此耦合关系 以页面点击按钮为例 点击按钮后，借助命令对象，解开按钮和负责具体行为对象之间的耦合 <body> <button id='button1'>按钮1</button> <button id='button2'>按钮2<
·2015-11-11 07:51

《JavaScript设计模式与开发实践》读书笔记之代理模式

1.代理模式 代理模式是为一个对象提供一个代用品或占位符，以便控制对它的访问 1.1 一般的图片加载 var myImage=(function () { var imgNode=document.createElement('img'); document.body.appendChild(imgNode); return {
·2015-11-11 07:50

《JavaScript设计模式与开发实践》读书笔记之策略模式

1.策略模式 定义一系列算法，把它们一个个封装起来，并且使它们可以相互替换 1.1 传统实现 根据工资基数和年底绩效来发送年终奖 var calculateBonus= function (performanceLevel,salary) { if(performanceLevel === 'S'){ return salary * 4; }
·2015-11-11 07:49

《JavaScript设计模式与开发实践》读书笔记之单例模式

1、单例模式 保证一个类仅有一个实例，并提供一个访问它的全局访问点 1.1 传统的单例模式 var Singleton=function(name){ this.name=name; } Singleton.prototype.getName=function(){ alert(this.name); } Singleton.getInstance=(functi
·2015-11-11 07:48

Javascript设计模式理论与实战：适配器模式

有的时候在开发过程中，我们会发现，客户端需要的接口和提供的接口发生不兼容的问题。由于特殊的原因我们无法修改客户端接口。在这种情况下，我们需要适配现有接口和不兼容的类，这就要提到适配器模式。通过适配器，我们可以在不用修改旧代码的情况下也能使用它们，这就是适配器的能力。基本理论适配器模式：将一个接口转换成客户端需要的接口而不需要去修改客户端代码，使得不兼容的代码可以一起工作。适配器主要有3个角色组成：
狼狼的蓝胖子·2015-11-10 23:00

javascript设计模式之工厂模式

在看本文章之前，建议先看看这篇文章javascript设计模式之单体模式 ，毕竟个人感觉循序渐进的好。
·2015-11-10 22:55

Ext JS学习第二天 我们所熟悉的javascript（一）

推荐书籍《javascript高级程序设计》、《javascript设计模式》。 •在这里我们学习一下可能你从未接触过的javascript，这些javascript知识是我
·2015-11-10 21:30

Javascript设计模式理论与实战：工厂方法模式

在之前的《Javascript设计模式理论与实战：简单工厂模式》这篇文章中，我们介绍了简单工厂的知识和一些应用。
狼狼的蓝胖子·2015-11-10 14:00

javascript设计模式

以下代码在ie6&ie6+&chrome测试通过，code地址： https://code.csdn.net/liuyanzhi08/javascript_design_pattern/tree/master    1.单例模式（Singleton）： <html><head><title>Singleten-单
·2015-11-08 16:11

【翻译】Javascript “组件模式” 深入研究

一、前言 这段时间学习js,又看到一篇讲javascript设计模式的好文章，尝试翻译出来，如果有什么疏漏和错误，烦请各位不吝指出，谢谢~ 原文地址：http://www.adequatelygood.com
·2015-11-08 15:51

《javascript设计模式》--接口

关于javascript设计模式书中的接口，记录如下 //TODO  增加了一个判断条件，可以只在生产环境中调用   接口var Interface = function(name
·2015-11-08 10:39

javascript book

我们很欣喜地看到，在设计模式领域，《JavaScript设计模式》（JavaScript Design Patterns）和《JavaScript编程模式》（JavaScript Patterns）两本书填补了这方面的空白
·2015-11-08 10:48

JavaScript设计模式—富有表现力的Javascript（一）

           学习引言：      javascript设计模式是图灵出版
·2015-11-08 10:29

Javascript设计模式（二）——闭包

       引言       本来应该是第二章，接口，但因为闭包实在不懂，所以先看看闭包             正文     
·2015-11-08 10:28

javascript设计模式学习笔记之“类式继承”

在做一件事情之前，首先要清楚做这件事情的好处有什么，相信不会有哪个人愿意无缘无故的去做事情。一般说来，我们在设计类的时候，实际上就是希望能减少重复性的代码，使用继承可以完美的做到这一点，借助继承机制，你可以在现有类的基础上再次进行设计并且充分利用它们已经具备的各种方法，而对设计的修改也更为轻松。废话不多说了，举例说明： function Person(name){ this.name
·2015-11-07 14:31

javascript设计模式简单介绍之【工厂模式】

工厂模式分为两种，一种是简单工厂模式。另一种称之为工厂模式。 简单工厂模式是使用一个外部的单体或者静态方法来生成实例。 而工厂模式使用子类来决定内部成员要实现那个具体的类的实例。 工厂模式要求被具体实现的类，必须提供相同的接口。 下面我们将通过一段代码来讲述一个简单工厂模式的实现。 function myMode(){ } myMode.prototype = { 　　cre
·2015-11-07 12:58

javascript设计模式简单介绍之【单例模式的实现与优化】

单例模式。这种模式提供了一种将所有代码都组织到一个对象中的手段。它只能被实例化一次。 由于它只能被实例化一次，我们就可以确定所编写的所有代码用的都是相同的全局资源。 简单的来说，这种模式就是将很多很多代码封装在一个对象中，并规定对象只能被实例化一次。此对象的唯一实例应在任何地方都可以被访问。 用途，减少占用全局变量既的数目。组织自己的日常代码，方便以后维护。创建命名空间等等。 funct
·2015-11-07 12:56

JavaScript设计模式 Item 7 --策略模式Strategy

1、策略模式的定义何为策略？比如我们要去某个地方旅游，可以根据具体的实际情况来选择出行的线路。如果没有时间但是不在乎钱，可以选择坐飞机。如果没有钱，可以选择坐大巴或者火车。如果再穷一点，可以选择骑自行车。在程序设计中，我们也常常遇到类似的情况，要实现某一个功能有多种方案可以选择。比如一个压缩文件的程序，既可以选择zip算法，也可以选择gzip算法。定义：策略模式定义一系列的算法，分别封装起来，让他
i10630226·2015-11-06 20:00

JavaScript设计模式 Item 7 --策略模式Strategy

1、策略模式的定义何为策略？比如我们要去某个地方旅游，可以根据具体的实际情况来选择出行的线路。如果没有时间但是不在乎钱，可以选择坐飞机。如果没有钱，可以选择坐大巴或者火车。如果再穷一点，可以选择骑自行车。在程序设计中，我们也常常遇到类似的情况，要实现某一个功能有多种方案可以选择。比如一个压缩文件的程序，既可以选择zip算法，也可以选择gzip算法。定义：策略模式定义一系列的算法，分别封装起来，让他
weixin_30877755·2015-11-06 20:00

JavaScript设计模式 Item 6 --单例模式Singleton

单例模式的定义：保证一个类仅有一个实例，并提供一个访问它的全局访问点。单例模式是一种常用的模式，有一些对象我们往往只需要一个，比如线程池、全局缓存、浏览器的window对象。在js开发中，单例模式的用途同样非常广泛。试想一下，当我们单击登录按钮的时候，页面中会出现一个登录框，而这个浮窗是唯一的，无论单击多少次登录按钮，这个浮窗只会被创建一次。因此这个登录浮窗就适合用单例模式。1、单例模式的使用场景
i10630226·2015-11-06 13:00

JavaScript设计模式 Item 5 --链式调用

1、什么是链式调用这个很容易理解，例如:$(this).setStyle('color','red').show();一般的函数调用和链式调用的区别：调用完方法后，returnthis返回当前调用方法的对象。functionDog(){ this.run=function(){ alert("Thedogisrunning...."); returnthis;//返回当前对象Dog }; this
i10630226·2015-11-06 12:00

JavaScript设计模式与开发实践 | 02 - this、call和apply

thisJavaScript的this总是指向一个对象，至于指向哪个对象，是在运行时基于函数的执行环境的动态绑定的，而非函数被声明时的环境。this的指向this的指向大致可以分为以下4类：作为对象的方法调用作为普通函数调用构造器调用Function.prototype.call或Function.prototype.apply调用1.作为对象的方法调用当函数作为对象的方法被调用时，this指向该
small2·2015-11-06 00:00

javascript设计模式实践之代理模式--图片预加载

图片的预加载就是在加载大图片前，先显示一个loading.gif，就算在网络比较慢的时候也能让人知道正在加载，总比啥反应都没有强。下面这段代码就是预加载的一个简单的实现，假设先不处理加载图片时的onError，onAbort，超时的问题。只关注代码的结构。 加载图片 $(document).ready(function(){ $('#btnLo
白色的海·2015-11-05 14:00

javaScript设计模式探究【2】

       今天该怎么形容呢，怎一个郁闷了得，本来是报名参加蓝桥杯比赛的，刚开始都没有人参加，所以被老师教唆着去报名了，后来人多了，学院掏不起那报名费了，就弄出一个考试，悲剧的是我都块1年多没看过java了，竟然上来就给我弄出个java语法，全部都是java语法，什么编译是否正确，如若正确，输出什么，各种语法知识，最后连关键字都上来了，苦逼的我早就忘光了，
·2015-11-03 21:13

javaScript设计模式探究【1】

，有空没空的看了一下博客园里一个博友-汤姆大叔的深入理解javascript系列，也挺有收获的，因为面试的临近，感觉自己唯一的优势可能就是javascript这一块了，所以就加强加强，去图书馆借了一本javascript
·2015-11-03 21:12

javascript设计模式-工厂模式

简单工厂模式：使用一个类来生成实例。 复杂工厂模式：使用子类来决定一个成员变量应该是哪个具体的类的实例。 简单工厂模式是由一个方法来决定到底要创建哪个类的实例, 而这些实例经常都拥有相同的接口。通过工厂，可以取得需要的实例。逻辑示意图： 下面列举了一个例子： var Coffee = function(){ this.color="brown"; };
·2015-11-03 20:21

Javascript设计模式理论与编程实战之简单工厂模式

阅读目录基本介绍举例说明总结说明简单工厂模式是由一个方法来决定到底要创建哪个类的实例,而这些实例经常都拥有相同的接口.这种模式主要用在所实例化的类型在编译期并不能确定，而是在执行期决定的情况。说的通俗点，就像公司茶水间的饮料机，要咖啡还是牛奶取决于你按哪个按钮。简单工厂模式在创建ajax对象的时候也非常有用.通常我们创建对象最常规的方法就是使用new关键字调用构造函数，这会导致对象之间的依赖性。工
小灰狼的脑瓜·2015-11-03 09:25

javaScript设计模式探究【4】--工厂模式

         前一段时间由于清明节,女朋友来中国,所以陪人家玩了几天,就没看书,有些荒废了,这几天补上吧.接下来我们会讨论一下javascript设计模式之工程模式
·2015-11-02 14:14

javaScript设计模式探究【3】

       就上一篇所说的，按道理应该先说说用三种方式（类式继承、原型式继承、掺元式继承）分别实现edit-in-place。懒得敲代码了，所以就用最常用的类式继承实现。其余两种方法就先不说了，如果大家都想看到的话，那我再修改，贴出来吧。最近需要准备实习，完善简历，大街网上得填写简历去，不知道博客园里面是否会有猎头看到这篇文章，那顺便宣传一下，大街网-搜索
·2015-11-02 14:13

javascript设计模式-观察者模式

观察者模式定义了一种一对多的关系，让多个观察者对象同时监听某一个主题对象，这个对象的状态发生变化时就会通知所有的观察者对象，使得它们能够自动更新自己。 UML示意图： 其中的角色：     Subject：主题角色把所有对观察考对象保存在一个对象里，每个主题都可以有任何数量的观察者。主题可以增加和删除观察者对象。并提供订阅和解除订阅的方法。  &
·2015-11-02 13:56

javascript设计模式-适配器模式

适配器模式的主要作用是将一个类的接口转换成客户希望的另外一个接口。适配器模式使得原本由于接口不兼容而不能一起工作的那些对象（类）可以一起工作。 UML示意图： 例如，鸭子有fly方法和quack(嘎嘎叫)方法，火鸡也有fly方法和gobble(咯咯叫)方法，如果希望火鸡有quack方法，可以复用鸭子的，但它的叫声应该是咯咯。可以创建一个火鸡适配器来实现，使得火鸡支持quack方法，但是在其
·2015-11-02 13:55

javascript设计模式-组合模式

组合模式所要解决的问题：      可以使用简单的对象组合成复杂的对象，而这个复杂对象有可以组合成更大的对象。可以把简单这些对象定义成类，然后定义一些容器类来存储这些简单对象。 客户端代码必须区别对象简单对象和容器对象，而实际上大多数情况下用户认为它们是一样的。对这些类区别使用，使得程序更加复杂。递归使用的时候跟麻烦，而我们如何使用递归组合，
·2015-11-02 13:54

javascript设计模式-外观模式

    也可译为门面模式。它为子系统中的一组接口提供一个一致的界面， Facade模式定义了一个高层接口，这个接口使得这一子系统更加容易使用。引入外观角色之后，使用者只需要直接与外观角色交互，使用者与子系统之间的复杂关系由外观角色来实现，从而降低了系统的耦合度。     比如在家要看电影，需要打开音响，再打开投影仪，再打开播放器等等，引
·2015-11-02 13:54

,javascript 设计模式

了解JavaScript设计模式我们需要知道的一些必要知识点：（内容相对基础，高手请跳过） 　　闭包：关于闭包这个月在园子里有几篇不错的分享了，在这我也从最实际的地方出发，说说我的理解。 　　　　
·2015-11-02 10:05

JavaScript设计模式 Item 4 --继承

1、继承在javascript中继承是一个非常复杂的话题，比其他任何面向对象语言的中的继承都复杂得多。在大多数其他面向对象语言中，继承一个类只需要使用一个关键字即可。与它们不同，在javascript中要想达到传承公用成员的目的，需要采取一系列措施。更有甚者，javascript属于使用原型式继承的少数语言之一。利益于这种语言的灵活性，你既可使用标准的基于类的继承，也可使用更微妙一些的原型式继承。
i10630226·2015-11-01 21:00

JavaScript设计模式 Item 3 --封装

在JavaScript中，并没有对抽象类和接口的支持。JavaScript本身也是一门弱类型语言。在封装类型方面，JavaScript没有能力，也没有必要做得更多。对于JavaScript的设计模式实现来说，不区分类型是一种失色，也可以说是一种解脱。从设计模式的角度出发，封装在更重要的层面体现为封装变化。通过封装变化的方式，把系统中稳定不变的部分和容易变化的部分隔离开来，在系统的演变过程中，我们只
i10630226·2015-11-01 20:00

JavaScript设计模式 Item 2 -- 接口的实现

1、接口概述1。什么是接口？接口是提供了一种用以说明一个对象应该具有哪些方法的手段。尽管它可以表明这些方法的语义，但它并不规定这些方法应该如何实现。2.接口之利促进代码的重用。接口可以告诉程序员一个类实现了哪些方法，从而帮助其使用这个类。有助于稳定不同类之前的通信方式。测试和调式因此也能变得更轻松。在javascript这种弱类型语言中，类型不匹配错误很难跟踪。使用接口可以让这种错误的查找变午更容
i10630226·2015-11-01 16:00

JavaScript设计模式Item 1—多态

多态的实际含义是：同一操作作用于不同的对象上面，可以产生不同的解释和不同的执行结果。换句话说，给不同的对象发送同一个消息的时候，这些对象会根据这个消息分别给出不同的反馈。从字面上来理解多态不太容易，下面我们来举例说明一下。主人家里养了两只动物，分别是一只鸭和一只鸡，当主人向它们发出“叫”的命令时，鸭会“嘎嘎嘎”地叫，而鸡会“咯咯咯”地叫。这两只动物都会以自己的方式来发出叫声。它们同样“都是动物，并
i10630226·2015-11-01 14:00

Javascript设计模式之我见：迭代器模式

大家好！本文介绍迭代器模式及其在Javascript中的应用。 模式介绍 定义 提供一种方法顺序一个聚合对象中各个元素，而又不暴露该对象内部表示。 类图及说明   Iterator抽象迭代器 抽象迭代器负责定义访问和遍历元素的接口，而且基本上是有固定的3个方法：first()获得第一个元素，next()访问下一个元素，isDone()（或者为hasNext()）是否已经访问
·2015-11-01 11:58

Javascript设计模式之我见：状态模式

大家好！本文介绍状态模式及其在Javascript中的应用。 模式介绍 定义 当一个对象的内在状态改变时允许改变其行为，这个对象看起来像是改变了其类。 状态模式主要解决的是控制一个对象状态的条件表达式过于复杂时的情况。把状态的判断逻辑转移到表示不同状态的一系列类中，可以把复杂的判断逻辑简化。 类图及说明 State：抽象状态 接口或抽象类，负责对象状态定义，并且封装环境角色以实现状态
·2015-11-01 11:57

Javascript设计模式之我见：观察者模式

大家好！本文介绍观察者模式及其在Javascript中的应用。 模式介绍 定义 定义对象间一种一对多的依赖关系，使得每当一个对象改变状态，则所有依赖于它的对象都会得到通知并被自动更新。 类图及说明   Subject：主题\发布者 能够动态地增加、取消观察者。它负责管理观察者并通知观察者。 Observer：观察者\订阅者 观察者收到消息后，即进行update操作，对接
·2015-11-01 11:56

JavaScript设计模式：单体模式

　　单体模式： 　　　　@单体模式用于创建命名空间，将系列关联的属性和方法组织成一个逻辑单元，减少全局变量。　　　　　　逻辑单元中的代码通过单一的变量进行访问。　　　　@一个单体对象由对象本身 和 访问这个对象的变量组成。　　　　　　此变量通常为全局变量，所以单体对象能在页面任何位置被访问，故此变量可看做单体对象内部属性和方法的一个命名空间。 　　　　@三个特点：　　　　　　① 该类只有一个实
·2015-11-01 09:44

javascript设计模式-装饰模式

装饰模式：在不改变原类（对象）和继承的情况下动态扩展对象功能，通过包装一个对象来实现一个新的具有原对象相同接口的新的对象。在设计原则中，有一条，多用组合，少用继承，装饰模式正是这一原则的体现。 UML示意图： 假设自行车商店有4种自行车卖： var ABicycle = function(){ ... }; var BBicycle = function(){ ... }; var
·2015-11-01 09:12
上一页 26 27 28 29 30 31 32 33 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他