javaScript设计模式

javascript设计模式学习笔记

1、有一些比较常用的代码可以作为积累，这样在实现某个功能的时候能更快的达到目的，学习基础是为了看懂，但是要能应用除了自己写，也应该积累比较好的代码：逐步尝试每一种XHR对象，直到遇到当前的javascript环境支持的对象为止。/SimpleXhrFactorysingleton,step1./varSimpleXhrFactory=(function(){//Thethreebranches.v
小敏virgo·2014-08-27 10:00

Javascript书籍收集

73981.html《JavaScriptDOM编程艺术》《JavaScript高级程序设计》《JavaScript语言精粹》和《高性能JavaScript》《JavaScriptDOM高级程序设计》和《JavaScript
不起眼的过路Sir·2014-08-18 17:00

Html5培训之精髓

2.做Web开发要学好JavaScript和设计模式，讲师（就是王家林本人）推荐的JS教材《JavaScript框架设计》司徒正美 著，《JavaScript设计模式》（美）哈梅
xuanwuziyou·2014-08-06 21:00

javascript设计模式之解释器模式详解

神马是“解释器模式”？先翻开《GOF》看看Definition：给定一个语言，定义它的文法的一种表示，并定义一个解释器，这个解释器使用该表示来解释语言中的句子。在开篇之前还是要科普几个概念：抽象语法树：解释器模式并未解释如何创建一个抽象语法树。它不涉及语法分析。抽象语法树可用一个表驱动的语法分析程序来完成，也可用手写的（通常为递归下降法）语法分析程序创建，或直接client提供。解析器：指的是把描
·2014-06-05 11:11

javascript设计模式-----观察者模式

一、观察者模式javascript中所有的事件应用了此模式，此模式大大降低对象间的耦合，并且易于扩展。简单来说，其实现思路就是函数回调，由订阅者提供对应事件的处理函数，当发布者发布消息，就会调用事件处理队列中的函数。静态语言，用接口来实现不同事件和不同处理函数的对应。javascript动态语言直接用hash表，和函数传递。实现：varpublisher={listeners:{'any':[]/
ljl157011·2014-06-03 10:51

javascript常见的设计模式举例

近日重读《javascript面型对象编程指南》这本书，最后一章介绍了常见的javascript设计模式的实现。主要讲解了四种设计模式：单例模式、工厂模式、装饰器模式和观察者模式。
产品经理读书会·2014-05-23 18:34

javascript设计模式

单例模式（Singleton）工厂模式（Factory）桥接模式（Bridge）组合模式（Composite）门面模式（Facade）适配器模式（Adapter）装饰者模式（Decorator）享元模式（Flyweight）代理模式（Proxy）观察者模式（Observer）命令模式（Command）以下代码在ie6&ie6+&chrome测试通过，code地址：https://github.co
liuyanzhi08·2014-04-28 12:00

JavaScript的学习--JavaScript设计模式的总结

这篇博客只是自己对设计模式的理解的备忘~ 看完了《JavaScript设计模式》这本书，一直没有写博客记录一下，最近抽出时间来重读了一下，就顺便记录一下~ 如果你只是想粗略了解一下JavaScript
·2014-03-17 16:00

javascript设计模式之工厂模式示例讲解

javaScript工厂方式原始的方式因为对象的属性可以在对象创建后动态定义，这在JavaScript最初引入时都会编写类似下面的代码复制代码代码如下:varoCar=newObject;oCar.color="blue";oCar.doors=4;oCar.mpg=25;oCar.showColor=function(){alert(this.color);};在上面的代码中，创建对象car。然
·2014-03-04 16:29

JavaScript设计模式PDF分享

《JavaScript设计模式》共有两部分。第一部分给出了实现具体设计模式所需要的面向对象特性的基础知识，主要包括接口、封装和信息隐藏、继承、单体模式等内容。
苦逼程序啊·2014-02-07 12:09

javascript设计模式-------装饰者模式

一、概念装饰者提供比继承更有弹性的替代方案。装饰者用于包装同接口的对象，不仅允许你向方法添加行为，而且还可以将方法设置成原始对象调用（例如装饰者的构造函数）。装饰者通过重载方法的形式添加新功能，该模式可以在被装饰者前面或者后面加上自己的行为以达到特定的目的。二、实例functionBeverage() { this.description="UnknownBeverage"; this.cost=
锋叔子·2014-01-13 16:00

javascript设计模式之策略模式

一、定义策略模式定义了算法家族，分别封装起来，让他们之间可以互相替换，此模式让算法的变化独立于使用算饭的客户.二、正文相信大家在web开发的时候都接触过jquery验证插件jquery.validate.js, 接下来我们通过此插件的源码和用法来展开讨论策略模式的用法。jquery.validate.js在线源码网址：http://ajax.aspnetcdn.com/ajax/jquery.va
锋叔子·2014-01-10 18:00

你必须知道的Javascript 系列

现在已经有很多的JavaScript设计模式，各种方便我们使用的类库，但是你真的懂JavaScript吗？ 最近写了三篇关于JavaScript非常基础，但是很本质的东西，放一个链接在这里分享给大家。
腾飞（Jesse)·2014-01-07 21:00

读jQuery源码有感

2.JavaScript核心指南的知识http://www.cnblogs.com/cnwebdeveloper/archive/2012/03/28/2421461.html 3.JavaScript
·2013-12-11 14:00

推荐5本经典的Javascript书籍

1.Javascript权威指南 2.高性能Javascript 3.Javascript高级程序设计（第三版） 4.Javascript设计模式 5.Javascript语言精粹
ForeverCjl·2013-11-14 08:00

外观/门面模式（Facade）

Facade Pattern 国内有些书译为门面模式，如「Java与模式」，「JavaScript设计模式」。有些则译为外观模式，如「设计模式：可复用面向对象软件的基础」，「Java设计模式」。
zhouyrt·2013-09-23 06:00

外观/门面模式（Facade）

Facade Pattern 国内有些书译为门面模式，如「Java与模式」，「JavaScript设计模式」。有些则译为外观模式，如「设计模式：可复用面向对象软件的基础」，「Java设计模式」。
zhouyrt·2013-09-23 06:00

外观/门面模式（Facade）

Facade Pattern 国内有些书译为门面模式，如「Java与模式」，「JavaScript设计模式」。有些则译为外观模式，如「设计模式：可复用面向对象软件的基础」，「Java设计模式」。
zhouyrt·2013-09-23 06:00

JavaScript设计模式之原型模式（Prototype Pattern）

Gof中对原型模式的解释是基于一个存在对象（模板），通过克隆的方式来创建新对象。我们知道在JS中没有Class的抽象，一切皆对象，而实际上，JS中存在另一个重要的抽象Type和Prototype。照葫芦画瓢，葫芦就是原型，瓢就是Type。这本身就是原型模式的真正体现。在JS里，ECMAScript5standard已经很好的实现了原型模式，通过一个简单的Object.create调用，就可以轻松的
骑车捡玛瑙·2013-09-17 17:18

《Javascript设计模式》读书笔记之“门面模式” + “适配器模式”

门面模式有两个作用：一是简化类的接口；二是消除类与使用它的客户端代码间的耦合。门面模式就相当于桌面上的快捷方式，为一些列操作建立一个快捷键。适配器模式适配器可用来在现有接口和不兼容的类之间适配。适配器模式有助于避免大规模重写现有客户端代码。从表面上看，适配器模式很想门面模式。他们都要对别的对象尽心封装并改变其呈现的接口。二者的区别在于他们如何改变接口。门面模式呈现的是一个简化的接口，它并不提供额外
赵小笨·2013-09-15 13:00

《Javascript设计模式》读书笔记之“装饰者模式”

装饰者模式用于透明的把对象包装在具有同样接口的对象中。在不改变接口的情况下，装饰者模式比创建子类更合适。相较于创建子类，装饰者模式可以节省很多代码。装饰者模式和组合模式有很多共同点，它们都用来包装对象，它们都与所包装的对象实现同样的接口并且会把任何方法调用传递给这些对象。那么二者间有什么区别呢，组合模式的目的是组织子对象并不修改方法调用，而装饰者模式的目的是修改方法调用。装饰者修改对象的方式有四种
赵小笨·2013-09-15 13:00

《Javascript设计模式》读书笔记之“桥接模式” + “组合模式”

这两个模式都比较简单，多以放在一个笔记里了。桥接模式桥接模式用来弱化API与调用API的类或者对象之间的耦合。按GoF的定义，桥接模式的作用在于“将抽象与实现隔离开来，以便二者独立变化”。我对桥接模式的理解就是把杂乱的混在一起的代码分割开来，在用一个第三方函数或者特权函数把他们连接起来。组合模式组合模式是一种可以简化代码的模式。它把一些列实现了相同借口的对象（叶对象）组合当做一个对象（组合对象）来
赵小笨·2013-09-15 13:00

《Javascript设计模式》读书笔记之“工厂模式”

对象或类内部往往会包含别的对象，在创建成员对象时你可能习惯于使用使用传统的new来创建对象。但是这种方式会造成两个对象之间的依赖。工厂模式就是一种有助于消除或减弱这种依赖的设计模式。书中用自行车商店的例子阐述了简单工厂模式。先是用传统的方式，在BicycleShop类内部用new来创建各种自行车。然后说了这种方式的弊端，当情况发生变化时，如要填一个自行车种类，这时候就需要修改BicycleShop
赵小笨·2013-09-15 13:00

JavaScript应用设计模式

CarlDanley是一位资深Web工程师，并编写了一系列有关JavaScript设计模式的博客文章。
Jan Stenberg·2013-09-11 00:00

javascript设计模式读书笔记--亨元模式

亨元模式据说很适合解决因创建大量对象而引起的性能问题。这个模式比较负责且作用是提高性能，所以使用情况并不多。亨元的结构亨元模式目的是减少对象数量，所以得把对象内部状态抽象为*内部数据和外部数据，通过共享内部数据来减少对象。而且需要工厂模式来实例化这些由内部数据*抽象出来的共享对象。Demo1：汽车登记假设要开发一个系统，用以代表一个城市的所有汽车。传统做法可能是像这样：varCar=functio
赵小笨·2013-09-04 17:00

javascript设计模式一——接口

  JavaScript是弱类型语言，所以类型匹配问题很难追踪。同时，Js并没有像其他语言一样，提供内置的创建或实现接口的方法。这样，在我们进行对象转化的时候是很困难的。   不过，我们还是可以使用程序来模拟JavaScript Interface接口的实现。一般来说，模拟Interface的实现有如下三种方法：   注释法——将接口的定义写在注释中，大家能
hbiao68·2013-08-31 01:00

javascript设计模式一——接口

  JavaScript是弱类型语言，所以类型匹配问题很难追踪。同时，Js并没有像其他语言一样，提供内置的创建或实现接口的方法。这样，在我们进行对象转化的时候是很困难的。   不过，我们还是可以使用程序来模拟JavaScript Interface接口的实现。一般来说，模拟Interface的实现有如下三种方法：   注释法——将接口的定义写在注释中，大家能
hbiao68·2013-08-31 01:00

javascript设计模式一——接口

  JavaScript是弱类型语言，所以类型匹配问题很难追踪。同时，Js并没有像其他语言一样，提供内置的创建或实现接口的方法。这样，在我们进行对象转化的时候是很困难的。   不过，我们还是可以使用程序来模拟JavaScript Interface接口的实现。一般来说，模拟Interface的实现有如下三种方法：   注释法——将接口的定义写在注释中，大家能
hbiao68·2013-08-31 01:00

javascript设计模式一——接口

  JavaScript是弱类型语言，所以类型匹配问题很难追踪。同时，Js并没有像其他语言一样，提供内置的创建或实现接口的方法。这样，在我们进行对象转化的时候是很困难的。   不过，我们还是可以使用程序来模拟JavaScript Interface接口的实现。一般来说，模拟Interface的实现有如下三种方法：   注释法——将接口的定义写在注释中，大家能
hbiao68·2013-08-31 01:00

javascript设计模式之单例模式

顺便讲一下JAVA里边的几种单例模式直接上例子 1. package com.模式.创建型模式; /** * 饿汉式 * @author Administrator * */ public class 单例模式_饿汉式 { private static 单例模式_饿汉式 singleton = new 单例模式_饿汉式();//私有静态的本类实例对象 pri
JavaSam·2013-07-12 22:00

JavaScript中的类式继承和原型式继承

最近在看《JavaScript设计模式》这本书，虽然内容比较晦涩，但是细品才发现此书内容的强大。刚看完第四章--继承，来做下笔记。书中介绍了三种继承方式，类式继承、原型式继承和掺元类继承。
·2013-06-21 11:00

javaScript设计模式探究【2】

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

外观/门面模式（Facade）

Facade Pattern 国内有些书译为门面模式，如「Java与模式」，「JavaScript设计模式」。有些则译为外观模式，如「设计模式：可复用面向对象软件的基础」，「Java设计模式」。
aijuans·2013-05-12 16:00

javascript中模仿接口（interface）

 没想到javascript还可以模拟接口，顿时觉得js更加强大，所以把《javascript设计模式》的内容摘录出来，供大家学习，内容稍有改动.1.在javascript中引入接口的好处：  接口具有自我描述性
·2013-04-18 15:00

javascript入门技能

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

前端攻略系列

00开光篇01前端各种优化~前端面试有感(2014/3/09上传)02前端各种面试题03Javascript设计模式04前端好书推荐05HTML5系列OfflineWebApplication(manifest
Darren_聂微东 - 关注前端技术·2013-01-05 08:00

外观/门面模式（Facade）

FacadePattern国内有些书译为门面模式，如「Java与模式」，「JavaScript设计模式」。有些则译为外观模式，如「设计模式：可复用面向对象软件的基础」，「Java设计模式」。
·2012-12-18 09:00

外观/门面模式（Facade）

FacadePattern国内有些书译为门面模式，如「Java与模式」，「JavaScript设计模式」。有些则译为外观模式，如「设计模式：可复用面向对象软件的基础」，「Java设计模式」。
·2012-12-18 07:00

【Javascript设计模式1】-单例模式

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

js与设计模式----转一个前言

前言：JavaScript设计模式的作用-提高代码的重用性，可读性，使代码更容易的维护和扩展。1.单体模式，工厂模式，桥梁模式个人认为这个一个优秀前端必须掌握的模式，对抽象编程和接口编程都非常有好处。
·2012-12-03 14:00

手工打造Extjs （1） 类系统

最近看了几本javascrpt方面的书（javascript高级程序设计，javascript设计模式），内容中讲到很多面向对象式开发也提到很多优秀的javascript框架，我很是费解为什么就没有提到过
junjun16818·2012-11-22 19:00

手工打造Extjs （1） 类系统

最近看了几本javascrpt方面的书（javascript高级程序设计，javascript设计模式），内容中讲到很多面向对象式开发也提到很多优秀的javascript框架，我很是费解为什么就没有提到过
junjun16818·2012-11-22 13:00

在Javascript中模仿接口（一）

  在JavaScript中模仿接口——本文摘自《JavaScript设计模式》   一、用注释描述接口   /* interface Composite
husttianwang·2012-09-22 12:00

《Javascript设计模式》读书笔记——单体模式

单体对象都是在脚本加载时被创建出来。如下代码： var Singleton = (function() { // 普通的单体模式 // code here return { }; })(); 而对于资源密集型的或配置开销甚大的单体，也许更合理的做法是将其实例化推迟到需要使用它的时候。这种技术被称为“惰性加载(lazyloading)”，它最常用于那些必须加
iwebcode·2012-09-19 16:00

javaScript之观察者模式

（部分内容来自javascript模式与javascript设计模式）观察者模式：functionPublisher(){   this.subscribers=[];}Publisher.prototype.deliver
luoyuyou3·2012-09-09 12:51

javascript中的继承

之前看了《JavaScript设计模式》中面向对象，对象继承的内容，书很经典，但实现方式我是不太理解。
sjpsega·2012-08-15 17:00

JavaScript的那些书

第二批次:成为一名合格的前端工程师《JavaScript高级程序设计》(或《JavaScript权威指南》)《精通JavaScript》第三批次:更优秀的代码，更优良的设计《JavaScript语言精粹》《JavaScript
YouDoce·2012-08-09 01:00

javascript中的封装

故又翻开了书本，看了经典了《Javascript高级程序设计》、《JavaScript设计模式》，之前囫囵吞枣看过一遍，印象已经不深了，今天又看了一遍，做一下笔记。
sjpsega·2012-07-31 18:00

javascript设计模式--继承（下）

本章的主题是继承，在javascript中要实现继承比其他面相对象语言要复杂的多，他主要使用原型实现继承。下面就介绍几种常用的实现继承的方式。1.经典继承（ClassicalInheritance）我们首先创建一个Person类。/*ClassPerson.*/ functionPerson(name){ this.name=name; } Person.prototype.getName
·2012-07-31 13:00

Javascript设计模式之--单例模式

    在传统开发工程师眼里，单例就是保证一个类只有一个实例，实现的方法一般是先判断实例存在与否，如果存在直接返回，如果不存在就创建了再返回，这就确保了一个类只有一个实例对象。在JavaScript里，单例作为一个命名空间提供者，从全局命名空间里提供一个唯一的访问点来访问该对象。    在JavaScript里，实现单例的方式有很多种，其中最简单的一个方式是使用对象字面量的方法，其字面量里可以包含
YouDoce·2012-07-30 10:00
上一页 28 29 30 31 32 33 34 35 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他