JavaScript设计模式

JavaScript设计模式之装饰者模式

    JS的设计模式我看了很久一直都没有弄明白但总觉得这个模式对以后的工作是会有所帮助的。找了些资料来看越看越糊涂；越看越不知道该怎么弄。昨天在网上看到Leepy关于“装饰者”的一篇文章后，让我有所明白了其中的一些道理。关于“装饰者模式”的思路我想还是和上一篇“观察者模式”的思路一样，将死板的程序变为现实中的实例。这样可以加深记忆，帮助理解（这只是我自己的记忆方法，
·2015-10-31 15:23

JavaScript设计模式之观察者模式

    关于JavaScript的观察者模式已经有很多的牛人做过详细的描述了，如：司图正美，李平（Leepy）。Leepy的博客中对关于JavaScript的设计模式讲述的比较全面，如果大家有兴趣可以去拜读一下。     我对观察者模式只有一个粗浅的认识，还没有达到牛人的境界。对写这些技术性的文章不太在行总有些力不从心，如果有哪些地方写
·2015-10-31 15:20

JavaScript设计模式之组合模式

    今天刚看了“组合模式”，我也现学现卖了。“组合模式”顾名思意就是将多种实现组合在一起而达到牵一处而动全身的效果。怎么说呢？！就像是动物（组合对象）一样，当它生下后代（叶对象）时，它的后代就有了某种功能（比如：挖洞，听力好等等）；也像是一棵树，它有一个根（组合对象）然后是从这个棵树向外冒出的其他枝杆（组合对象）以及从这些枝杆又向外长的叶子（叶对象）。换句话说，就
·2015-10-31 15:18

javascript设计模式-桥接模式

  在系统中，某些类由于自身逻辑，具有两个或两个以上维度的变化，如何使得该类型可以沿多个方向变化，但又不引入额外的复杂度，这就是桥接模式要解决的问题。   定义：桥接模式(Bridge),将抽象部分与它的实现部分分离，使他们可以独立的变化。   意图：将抽象与实现解耦。   对于前端，比较常用的场景，是事件监控： addEvent(element,
·2015-10-31 13:17

javascript设计模式-单例模式

  在C#中，单例就是保证一个类只有一个实例，实现的方法一般是先判断实例存在与否，如果存在直接返回，如果不存在就创建了再返回，会提供一个静态方法，通过该静态方法可以取得唯一实例。这就确保了一个类只有一个实例对象： public class Singleton { private static Singleton _instance = null; pr
·2015-10-31 13:16

-_-#【继承】

javascript prototype 继承 javascript设计模式：继承 function extend(subClass, superClass, methods) { var
·2015-10-31 12:05

新书《JavaScript设计模式 》出版，感谢支持

小记 这本书的出版得益于人民邮电出版社陈冀康编辑的推荐，加上之前博客又翻译了一些原作者的文字，所以就承担了该书的翻译工作，不同于博客的是，由于设计模式本身就难以表达，加上英文版有很多错误（评价不佳），原本年初就可以出版的书，一直等到5月份原作者更新最完善版本以后，前后进行了5次译稿校对，才得以出版，再次感谢作为专业翻译媳妇的帮忙和编辑的耐心。 本书介绍 设计模式是解决软件设计中常见问题的可复用
·2015-10-31 11:49

再谈JavaScript组合模式

    JavaScript组合模式在网上已经有很多人描述过了，我在《JavaScript设计模式之组合模式》中也写过但写的还不够完整，有些不知所云。
·2015-10-31 11:07

javascript设计模式-享元模式

享元模式采用一个共享来有效的支持大量细小粒度的对象，避免大量有相同内容的类的开销（如内存耗费），共享一个元类。 应用场景：页面存在大量的资源密集型对象；他们具备一些共性，可以分离出公共操作的数据。 一个例子，汽车登记： var Car = function(make,model,year,owner,tag,renewDate){ 　　　　 this.make=make;
·2015-10-31 11:09

模式（一）javascript设计模式

模式有三种：Architectural Pattern、Design Pattern、Coding Pattern，即：框架模式、设计模式、编程模式。本文主要讲解javascript中的设计模式，好的设计模式能够提高代码的重用性，可读性，使代码更容易的维护和扩展。本文适合有一点javascript基础，对javascript的概念有所了解。 一、单例模式：  单例模式是javascri
·2015-10-31 10:34

javascript设计模式之工厂模式

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

javascript设计模式之单体模式

单体是一个用来划分命名空间并将一批相关的属性和方法组织在一起的对象，如果他可以被实例化，那么他只能被实例化一次。 单体模式是javascript里面最基本但也是最有用的模式之一。 特点： 1.       可以来划分命名空间，从而清除全局变量所带来的危险。 2.      
·2015-10-31 09:30

《JavaScript设计模式》读书笔记：singleton模式

在《JavaScript设计模式》中，singleton有了一个更广义的定义：singleton是一个用来划分命名空间并将一批相关方法和属性组织在一起的对象，如果它可以被实例化，那么它只能被实例化一次。
·2015-10-31 09:40

《JavaScript设计模式》读书笔记：Flyweight模式

Flyweight模式是一种结构型设计模式，它主要解决的问题是：由于（同类）对象的数量太大，采用面向对象技术时给系统带来了难以承受的内存开销。 拿前端页面常用的tooltip来说。 未使用享元模式的代码 var Tooltip = function(targetElement, text) { this.target = targetElement; this.text = te
·2015-10-31 09:40

模式二之框架模式

摘要： 　　在讲完javascript设计模式之后，本文主要再讲前端开发框架的模式，再讲模式之前，首先介绍下库和框架的区别，两者都是产品开发时的产物，因此很多人并没有很细的区分开来。 　　
·2015-10-31 09:19

对于初学者有效的JavaScript设计模式（3）

去年的这个时候看了一遍这个文章，说实话，看了等于没看。1、看了也没有理解，2、看了也没有在实际中用到，3、看了就忘了 今年的这个时候又看到这个文章，隐隐约约觉得，“呀，我看过，还翻译过”，但是却对内容完全想不起来了。去年看这个模块的时候，看的云里雾里的，完全没懂。 现在嘛，再来看这个模式，觉得豁然开朗啊，因为自己也就是在用这个模式来构建的代码。 四、模块模式  模块模式是基于对象字
·2015-10-31 08:45

Google和Yahoo专家眼中的JavaScript设计模式

  Google和Yahoo专家联手揭秘世界顶尖公司的技术内幕                          ——JavaScript设计模
·2015-10-30 16:46

javascript链式调用的设计

转http://bbs.blueidea.com/thread-2942014-1-1.html另外还可以看看javascript设计模式的第6章   用过jQuery的朋友一定对jQuery
·2015-10-30 13:30

常用的Javascript设计模式

　　《parctical common lisp》的作者曾说，如果你需要一种模式，那一定是哪里出了问题。他所说的问题是指因为语言的天生缺陷，不得不去寻求和总结一种通用的解决方案。 　　不管是弱类型或强类型，静态或动态语言，命令式或说明式语言、每种语言都有天生的优缺点。一个牙买加运动员， 在短跑甚至拳击方面有一些优势，在练瑜伽上就欠缺一些。 　　术士和暗影牧师很容易成为一个出色的辅助，而一个背着
·2015-10-30 12:10

【JavaScript设计模式系列---开篇预览】

转：http://www.cnblogs.com/Darren_code/archive/2011/08/31/JavascripDesignPatterns.html 2011-08-31 23:55        by        聂微东, 
·2015-10-30 12:03

JavaScript设计模式与开发实践 | 01 - 面向对象的JavaScript

动态类型语言编程语言按数据类型大体可以分为两类：静态类型语言与动态类型语言。静态类型语言在编译时已确定变量类型，动态类型语言的变量类型要到程序运行时，待变量被赋值后，才具有某种类型。而JavaScript是一门典型的动态类型语言。动态类型语言对变量类型的宽容使得编程变得很灵活。由于不用进行类型检测，我们可以调用任何对象的任意方法，而无需去考虑它原本是否被设计为拥有该方法。而这是建立在鸭子类型的概念
small2·2015-10-30 00:00

【读书笔记】读《JavaScript设计模式》之观察者模式

一、定义 　　在事件驱动的环境中，比如浏览器这种持续寻求用户关注的环境中，观察者模式（又名发布者-订阅者(publisher-subscripber)模式）是一种管理人与其任务之间的关系（确切地讲，是对象及其行为和状态之间的关系）的得力工具.用JavaScript的话来说，这种模式的实质就是你可以对程序中某个对象的状态进行观察，并且在其发生改变时能够得到通知。 二、例子 　　我们需要一个发布
·2015-10-27 16:21

【读书笔记】读《JavaScript设计模式》之代理模式

一、定义 　　代理是一个对象，它可以用来控制对另一个对象的访问。它与另外那个对象实现了同样的接口，并且会把任何方法调用传递给那个对象。另外那个对象通常称为本体。代理可以代替其实体被实例化，并使其可被远程访问。它还可以把本体的实例化推迟到真正需要的时候，对于实例化比较费时的本体，或者因尺寸较大以至于不用时不易保存在内存中的本体，这特别有用。在处理那些需要较长时间才能把数据载入用户界面的类时，代理也
·2015-10-27 16:21

【读书笔记】读《JavaScript设计模式》之装饰者模式

一、定义 　　装饰者模式可用来透明地把对象包装在具有同样接口的另一个对象之中。这样一来，你可以给一个方法添加一些行为，然后将方法调用传递给原始对象。相对于创建子类来说，使用装饰者对象是一种更灵活的选择（装饰者提供比继承更有弹性的替代方案）。 　　装饰者用于通过重载方法的形式添加新功能，该模式可以在被装饰者前面或者后面加上自己的行为以达到特定的目的。 二、举例 　　2.1 装饰者是一种实现继
·2015-10-27 16:21

【读书笔记】读《JavaScript设计模式》之适配器模式

　　一、定义 　　适配器模式可用来在现有接口和不兼容的类之间进行匹配。使用这种模式的对象又叫包装器（wrapper）,因为它们是在用一个新的接口包装另一个对象。在设计类的时候旺旺会遇到有些接口不能与现有API一同使用的情况。借助于适配器，你不用直接修改这些类也能使用它们。　 　　适配器可以被添加到现有代码中以协调两个不同的接口。如果现有代码的接口能很好的满足需要，那就可能没有必要使用适配器。但
·2015-10-27 16:20

【读书笔记】读《JavaScript设计模式》之门面模式

一、前言 　　门面模式，也称Facade（外观）模式。核心的两点作用—— 　　1> 简化类的接口（让接口变得更加容易理解、容易应用、更加符合对应业务），来掩盖一个非常不同或者复杂的实现 　　2> 消除类与使用它的客户代码之间的耦合 　　可以把门面模式想成是简化API来展示给其他开发人员，通常都是可以提高可用性。   二、举例 　　例子一、事件
·2015-10-27 16:20

【读书笔记】读《JavaScript设计模式》之工厂模式

　　一个类或对象中往往会包含别的对象。在创建这种成员对象时，你可能习惯于使用常规方式，也即用new关键字和类构造函数。问题在于这回导致相关的两个类之间产生依赖性。 　　工厂模式用于消除这两个类之间的依赖性，它使用一个方法来决定究竟要实例化哪个具体的类。这里介绍简单工厂模式（动态选择并生成实例）及真正的工厂模式（亦称工厂方法），后者使一个类的实例化延迟到了子类。而子类可以重写接口方法以便创建的时候
·2015-10-27 16:19

【读书笔记】读《JavaScript设计模式》之桥接模式

桥接模式（Bridge）将抽象部分与它的实现部分分离，使它们都可以独立地变化。   一、使用场景 　　使用场景一：事件监控 　　对于前端而言，最典型的使用场景——事件监控。如—— addEvent(element, 'click', getBeerById); // 可以看出这是一个只能工作在浏览器中的API，根据时间监听期回调函数的工作机制，事件对象会被作为第一个参数
·2015-10-27 16:19

javascript 设计模式-----策略模式

在《javascript设计模式》中，作者并没有向我们介绍策略模式，然而它却是一种在开发中十分常见的设计模式。
·2015-10-27 15:50

IT书籍下载汇总--持续更新

（美）佛瑞德--55.1M PDF下载 淘书 当当 数据结构(C#语言版)--1.65M PDF下载 淘书 当当 javascript设计模式--22.9M PDF下载 淘书 当当 编写高质量代码
·2015-10-27 15:09

求【javascript设计模式】【高性能网站建设指南】PDF！哪位有给下啊！！！

强烈推荐：《JavaScript设计模式》 理由：异常生猛的一本书，看书名带“设计模式”就知道，这本书想要读明白有点困难，本人自己感觉，只要某书一带“模式”这两字，反正就简单不了。
·2015-10-27 14:53

Javascript类继承-机制-代码Demo【原创】

　　最近看到《Javascript设计模式》，对js模拟的”继承方式“有了更深一步的了解，虽然之前也总是用到prototype、new ，但只是知其然不知所以然，现在将类继承的方法整理如下，暂时不对原型链
·2015-10-27 11:00

JavaScript设计模式-单例、模块

来自： Rolf Zhang 之前在《JavaScript小特性-面向对象》里面介绍过JavaScript面向对象的特性了，有了面向对象之后，自然就会想——那是不是还有设计模式呢？由于js面向对象的方式是基于原型(prototype)的，而不是传统基于类型(class)，所以js的设计模式也和经典的设计模式有些差异。   关于设计模式 先说说什么是设计模式吧。很多人
·2015-10-24 09:31

对于初学者有效的JavaScript设计模式（2）

二、 构造模式  利用prototype 来构造自己的函数。 1 function Car(model,year,miles){ 2 this.model = model; 3 this.year = year; 4 this.miles = miles; 5 } 6 Car.prototype.toString =
·2015-10-23 08:59

对于初学者有效的JavaScript设计模式（1）

原文：http://addyosmani.com/resources/essentialjsdesignpatterns/book/ 1、一个设计模式必要的部分： (1)名称和描述Pattern Name and description (2)内容提示 context outline——是对用户哪方面需求的响应 (3)问题陈述——正在解决的问题的声明，让别人能够理解
·2015-10-23 08:59

javascript设计模式开篇：Javascript 接口的实现

　　javascript语言不像java、 c#、 c++等面向对象语言那样有完备的接口支持，在javascript中，接口的实现有三种方式，分别为注释描述、属性检查、鸭式变形。注释描述实现起来最为简单，但是，接口约定的遵守纯靠自觉，而且也没有很好的度量措施，说到底，它主要还是属于程序文档范畴。其实，类是否申明自己支持哪些接口并不重要，只要它具有这些接口中的方法就行了。鸭式变形（这个名称来自Jam
·2015-10-21 12:11

javascript设计模式之策略(Strategy)模式

 策略模式支持我们在运行的时候选择算法。代码的客户端可以使用同一个接口来工作，但是它却根据客户端正在试图执行任务的上下文，从多个算法中选择用于处理特定任务的算法。 使用策略模式的其中一个例子是解决表单验证的问题。可以创建一个具有validate()方法的验证器对象。无论表单的具体类型是什么，该方法都将会被调用，并且返回相同的结果，一个未接验证的数据列表以及任意的错误信息。 但是根据具体的表单形式以
vuturn·2015-10-12 10:00

javascript设计模式之Decorator（装饰者）模式

Decorator是一种结构型设计模式，用于促进代码复用，是一种可行的对象子类化的替代方案。Decorator提供了将行为动态添加到系统现有类的能力。其想法是，装饰者本身对于类原有的基本功能来说并不是必要的；否则，它就可以合并到超类本身。装饰者可以用于修改现有的系统，希望在系统中为对象添加额外的功能，而不需要大量修改使用它们的底层代码。开发人员使用装饰者的一个原因是，应用程序可能包含需要大量不同类
vuturn·2015-10-08 16:00

【学习笔记javascript设计模式与开发实践（闭包和高阶函数）----3】

第3章闭包和高阶函数3.1闭包对于javascript程序员来说闭包（closure）是一个难懂又必须征服的概念。闭包的形成与变量的作用域以及变量的生存周期密切相关。（虽然前面写了好多遍了，但还是过一遍吧，不想看就跳过这一节）3.1.1作用域函数中用var声明的变量是只有在函数内部访问得到，函数外部访问不到的。在javascript中，函数可以用来创造函数作用域。此时的函数像一个半透明的玻璃，在函
不一样的水果·2015-10-08 15:17

Javascript设计模式

书名:LearningJavaScriptDesignPatterns作者:AddyOsmani在线阅读:http://addyosmani.com/resources/essentialjsdesignpatterns/book/
darrenzhu·2015-09-29 14:00

开发头条精选0724

JavaScript设计模式与开发实践#福利#小编联合@图灵教育送出5本《JavaScript设计模式与开发实践》，转发即可参与抽奖！截止7月29日。
前端博客·2015-09-25 18:00

开发头条精选0724

JavaScript设计模式与开发实践#福利#小编联合@图灵教育送出5本《JavaScript设计模式与开发实践》，转发即可参与抽奖！截止7月29日。
前端博客·2015-09-25 18:00

Javascript设计模式与开发实践读书笔记（1-3章）

第一章面向对象的Javascripthttp://www.cnblogs.com/elexiang/p/4803259.html1.1多态在面向对象设计中的应用  多态最根本好处在于，你不必询问对象“你是什么类型”而后根据得到的答案调用对象的某个行为--你只管调用行为就好，剩下的一切多态会搞定换句话说就是：多态的最根本作用就是把过程化的条件分支语句转化为对象的多态性，从而消除这些条件分支语句 例子
zdy0_2004·2015-09-14 21:00

JS原生编写飞机大战小蜜蜂游戏

javascript设计模式之单体模式--飞机大战小蜜蜂游戏单体是一个用来划分命名空间并将一批相关的属性和方法组织在一起的对象，如果他可以被实例化，那么他只能被实例化一次。
南舟·2015-09-14 15:27

JavaScript设计模式之----组合模式

javascript设计模式之组合模式介绍组合模式是一种专门为创建Web上的动态用户界面而量身制定的模式。使用这种模式可以用一条命令在多个对象上激发复杂的或递归的行为。
i10630226·2015-09-13 21:00

javascript设计模式之Observer（观察者）模式

 具体概念Observer(观察者)是一种设计模式，一个对象（subject）维持一系列依赖于它（观察者）的对象，将任何状态的任何变更自动通知给它们。Suject(目标)维护一系列的观察者，方便添加或者删除观察者。Observer（观察者）为那些在目标状态发生改变时需获得通知的对象提供更新接口代码实现 所依赖的代码functionObserverList(){ this.observerList=
vuturn·2015-09-02 10:00

工厂模式

--《JavaScript设计模式P81》（这点不懂~）何时不使用：如果应用出错，会带来大量不必要的复杂度；测试难以进行；除非必要，否则建议坚持使用显示构造函
KaronChen·2015-08-28 17:00

javascript设计模式之工厂(Factory)模式

概述工厂模式一种创建型模式，目的是为了创建对象。它通常在类或者类的静态方法中实现。1.当创建相似对象时，执行重复操作。2.在编译不知道具体类型时，为工厂客户提供一种创建对象的接口。工厂模式通过工厂方法（或类）创建的对象在设计上都继承了相同的父对象这个思想，它们都是实现专门功能的特定子类。示例：（1）公共构造函数CarMaker（2）一个名为factory()的CarMaker的静态方法，该方法用于
vuturn·2015-08-27 19:07

javascript设计模式之工厂(Factory)模式

概述工厂模式一种创建型模式，目的是为了创建对象。它通常在类或者类的静态方法中实现。1.当创建相似对象时，执行重复操作。2.在编译不知道具体类型时，为工厂客户提供一种创建对象的接口。工厂模式通过工厂方法（或类）创建的对象在设计上都继承了相同的父对象这个思想，它们都是实现专门功能的特定子类。示例：（1）公共构造函数CarMaker（2）一个名为factory()的CarMaker的静态方法，该方法用于
vuturn·2015-08-27 19:00

单例模式

--《JavaScript设计模式P39》（说白了就是在解释点第1点）单例模式适用性 当类只能有一个实例且客户可以从一个众所周知的访问点访问它时
KaronChen·2015-08-24 23:00
上一页 27 28 29 30 31 32 33 34 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他