JS设计模式

JS 单体模式

-- ————————JS设计模式 单体模式——————— --> //1.简单单体模式 var Singleton={ attr1:true, attr2:10, method1:function
·2015-11-12 20:22

Backbone入门

设计模式：工厂模式，适配器模式，观察者模式等，推荐js设计模式这本书。设计模式是一种思想。 框架模式：MVC，MVP，MVVM等。框架模式是开发项目的一种方案。 MVC指的是什么？
·2015-11-12 11:37

js设计模式

http://www.csdn.net/article/2011-09-02/303983   阐明JavaScript设计模式。CSDN研发频道对此文进行了整理选取部分内容，供开发者学习、参考。 内容如下： 前言： JavaScript设计模式的作用——提高代码的重用性，可读性，使代码更容易的维护和扩展。 1.单体模式，工厂模式，桥梁模式个人认为这个一个优秀前端必须掌握的模
·2015-11-11 18:27

javascript设计模式入门之策略模式

话说js设计模式有关的书籍有Ross Harmes / Dustin Diaz 的《Javascript设计模式》，Stoyan Stefanov的《JavaScript Patterns》，Addy
·2015-11-11 16:21

JS设计模式开篇

    （原文地址：http://blog.chinaunix.net/uid-26672038-id-3904513.html）     本文主要讲述一下，什么是设计模式（Design pattern），作为敲键盘的我们要如何学习设计模式。设计模式真的是一把万能钥匙么？       各个代码的设
·2015-11-11 15:15

2010年11月计划表

1、导出Excel,word，Datatable与XML之间的转化，重点看MSDN 2、对XML进行彻底的了解 3、对DataTable进行加强   二、JS方向 1、重点看JS
·2015-11-08 10:30

JS设计模式——4.继承(示例)

目的 我们的目的就是编写一个用于创建和管理就地编辑域的可重用的模块化API。它是指网页上的一段普通文本被点击后就变成一个配有一些按钮的表单域，以便用户就地对这段文本进行编辑。 思路 当用户点击时 1.将普通文本域隐藏 2.添加表单元素 3.设置表单元素的value 当用户保存时 ajax通信保存内容 当用户取消时 1.隐藏表单域 2.显示文本域 3.设置文本域的value 类式继承
·2015-11-02 15:31

JS设计模式——7.工厂模式(示例-XHR)

XHR工厂 基本实现 var AjaxHandler = new Interface('AjaxHandler', ['request', 'createXHR']); var SimpleHandler = function(){}; SimpleHandler.prototype = { request: function(method, url, callback, pos
·2015-11-02 11:51

JS设计模式——3.封装与信息隐藏

封装、信息隐藏与接口的关系 信息隐藏是目的，封装是手段。 接口提供了一份记载着可供公共访问的方法的契约。它定义了两个对象间可以具有的关系。只要接口不变，这个关系的双方都是可以替换的。 一个理想的软件系统应该为所有类定义接口。 创建对象的基本模式 1.门户大开型 var Publication = new Interface('Publication', ['getIsbn', 'setI
·2015-10-31 11:26

JS设计模式——2.初识接口

什么是接口 接口提供了一种用以说明一个对象应该具有哪些方法的手段。 接口之利 1.接口具有自我描述性从而促进代码的重用 2.接口有助于稳定不同中的类之间的通信方式 3.测试和调试也变得更轻松 接口之弊 1.在一定程度上强化了类型的作用 2.ｊｓ中没有内置的interface，实现它会增加复杂度 3.实现接口会对性能造成一定的影响 4.无法强迫其他程序员遵守你定义的接口 三种方法在J
·2015-10-31 11:26

JS设计模式——1.富有表现力的JS

创建支持链式调用的类（构造函数+原型） Function.prototype.method = function(name, fn){ this.prototype[name] = fn; return this; }; //构造函数+原型 创建类 var Anim = function(){}; Anim.method('starts', function()
·2015-10-31 11:26

JS设计模式——5.单体模式(用了这么久，竟全然不知!)

单体模式的优势 用了这么久的单体模式，竟全然不知！用它具体有哪些好处呢？ 1.可以用它来划分命名空间(这个就是就是经常用的了) 2.利用分支技术来封装浏览器之间的差异(这个还真没用过，挺新鲜) 3.借助单体模式，可以把代码组织的更为一致，方便阅读与维护(这个也用过了) 最基本的单体模式 最简单的单体其实就是一个对象字面量。它把一批有一定关联的方法和属性组织在一起。 var Singl
·2015-10-31 11:26

JS设计模式——4.继承(概念)

类式继承 0.构造函数 一个简单的Person类 function Person(name){ this.name = name; } Person.prototype.getName = function(){ return this.name; } 1.原型链实现继承 未封装extend函数继承 继承步骤如下： step 1:创建继承类的构造函数 ste
·2015-10-31 11:26

JS设计模式——10.门面模式

门面模式 这是一种组织性的模式，它可以用来修改类和对象的接口，使其更便于使用。它可以让程序员过得更轻松，使他们的代码变得更容易管理。 门面模式有两个作用： 简化类的接口 消除与使用她的客户代码之间的耦合 一个简单的门面模式 var addEvent = function(el, ty, fn){ var cases = [ function(el
·2015-10-31 10:59

JS设计模式——12.装饰者模式

装饰者模式概述 本章讨论的是一种为对象添加特性的技术，她并不使用创建新子类这种手段。 装饰者模式可以用来透明的把对象包装在具有同样接口的另一个对象中。这样一来，就可以给一个方法添加一些行为，然后将方法调用传递给原始对象。 装饰者的结构 装饰者可用于为对象添加功能，她可以用来替代大量子类。 我们还是来看那个自行车的例子(第7章)，假设这件商店开始为每一种自行车提供一些额外的特色配件。现在顾客
·2015-10-31 10:59

JS设计模式——11.适配器模式

适配器模式概述 适配器模式可用来在现有接口和不兼容的类之间进行适配。使用这种模式的对象又叫包装器(wrapper)。 适配器特点 从表面看，适配器模式很像门面模式。她们都要对别的对象进行包装并改变其呈现的接口。 二者的区别在于她们如何改变接口： 门面元素展现的是一个简化的接口，她并不提供额外的选择，而且有时为了方便完成任务她还会做出一些假定。 适配器则要把一个接口转换为另一个接口
·2015-10-31 10:59

JS设计模式——9.组合模式

组合模式概述 组合模式是一种专为创建Web上的动态用户界面量身定制的模式.使用这种模式可以用一条命令在多个对象上激发复杂的递归的行为. 它可以用来把一批子对象组织成树形结构,并且使整棵树都可被遍历.所有组合对象都实现了一个用来获得子对象的方法. 组合对象有两种结构组合对象和叶对象,如下:               &n
·2015-10-31 10:58

JS设计模式——8.桥接模式

桥接模式的用途 在实现API的时候,桥接模式非常有用. 在设计一个JavaScript API的时候,可以用这个模式来弱化它与使用它的类和对象之间的耦合. 示例:事件监听器 桥接模式最常见和实际的应用的场合之一是事件监听器回调函数. 假设有一个名为getBeerById的API函数,它根据一个标识符返回有关某种啤酒的信息. 常规的实现: addEvent(element,'click'
·2015-10-31 10:58

JS设计模式——7.工厂模式(示例-RSS阅读器)

RSS阅读器 由于我们只想跟RSS容器对象打交道,所以用一个工厂来实例化这些内部对象并把它们组装到一个RSS阅读器中. 使用工厂方法在好处在于,我们创建的RSS阅读器类不会与那些成员对象紧密耦合在一起. RSS阅读器的成员对象 成员对象1: xhr 这个对象就是上一篇中介绍过的,所以就不再说了. 成员对象2: 显示类 为了满足RSS阅读器类的需要,它需要实现几个方法. var Disp
·2015-10-31 10:58

JS设计模式——6.方法的链式调用

什么是链式调用 这个很容易理解，例如: $(this).setStyle('color', 'red').show(); 分解链式调用 链式调用其实是两个部分： 1.操作对象(也就是被操作的DOM元素，如上例的$(this)) 2.操作方法(具体要做什么事情，如上例的setStyle和show) 如何生成操作对象与操作方法 一般的$函数： function $(){
·2015-10-31 10:58

JS设计模式——7.工厂模式(概念)

工厂模式 本章讨论两种工厂模式： 简单工厂模式 使用一个类(通常是一个单体)来生成实例。 使用场景：假设你想开几个自行车商店(创建自行车实例，组装它，清洗它，出售它)，每个店都有几种型号的自行车出售。 /*=====================实现车==========================*/ var Bicycle = new Interface('Bicycle',
·2015-10-31 10:58

Backbone入门讲解

设计模式：工厂模式，适配器模式，观察者模式等，推荐js设计模式这本书。设计模式是一种思想。 框架模式：MVC，MVP，MVVM等。框架模式是开发项目的一种方案。 MVC指的是什么？
·2015-10-31 08:05

JS设计模式-工厂模式

工厂模式例子一：//父构造函数functionCarMaker(){}CarMaker.prototype.drive=function(){returnthis.name;}//静态工厂方法CarMaker.factory=function(type){varconstr=type,newcar;//如果构造函数不存在，则抛出一个错误if(typeofCarMaker[constr]!=="fu
kongjunchao159·2015-09-25 16:22

JS设计模式——责任链模式

模式作用：1，dom的冒泡有些类似职责链2，nodejs当controller中有很多负责操作逻辑的时候拆分中间件3，解耦发送者和接受者注意事项：1，JavaScript中的每一次【.】是有代价的，要在必要的时候应用functionlaoban(xiangmujingli){if(xiangmujingli){this.xiangmujingli=xiangmujingli;}}laoban.pr
七宝1015·2015-09-08 10:20

【JS设计模式】JavaScript特性

JavaScript的灵活性可以把程序写的很简单，也可以写得很复杂。这种语言也支持多种不同的编写风格，你即可以采用函数式编程风格，也可以采用更复杂一点的面向对象编程风格.JavaScript允许您模仿其他语言的编程模式和惯用法。它也形成了自己的一些编程模式和惯用法。那些较为传统的服务器端编程语言具有的面向对象特性，JavaScript都有。先来看一个用不同方法完成同样的任务的例子：/*Starta
itpinpai·2015-08-19 23:00

关于js设计模式的一些总结和理解

js设计模式    因为自己刚刚毕业，应公司需求最近在研究js，html，编写了一些网站，见识到了js的强大之处，所以想深入的了解一些这门技术，现在就分享一下自己的js设计模式的一些过程以及感悟，如有不恰当的地方还希望大家可以指正
black_Rain·2015-08-19 16:26

【JS设计模式】简单工厂模式

工厂模式就是一种有助于消除两个类依赖性的模式。简单工厂模式：使用一个类（通常为单体）来生成实例。复杂工厂模式：使用子类来决定一个成员变量应该是哪个具体的类的实例varMacBikeFactory={ createBike:function(){ alert("简单工厂模式"); } } functionMacBike(){} MacBike.prototype={ constructor:MacB
itpinpai·2015-08-08 20:00

【JS设计模式】命令模式

客户创建命令；调用者执行该命令；接收者在命令执行时执行相应操作简单命令对象一般用来消除二个对象（调用者和接收者）之间的耦合，而复杂的命令对象则一般用来封装不可分的或事务性的指令。命令模式的主要用途是把调用对象（用户界面、API和代理等）与实现操作的对象隔离开。凡是两个对象间互动方式需要有更高的模块化程度时都可以用到这种模式。命令的意思是用一个简单方法或函数去执行和这个命令相关的实际操作。就如同用遥
itpinpai·2015-08-08 20:49

【JS设计模式】命令模式

模式结构Command：定义命令的接口，声明执行的方法。ConcreteCommand：命令接口实现对象，是“虚”的实现；通常会持有接收者，并调用接收者的功能来完成命令要执行的操作。Receiver：接收者，真正执行命令的对象。任何类都可能成为一个接收者，只要它能够实现命令要求实现的相应功能。Invoker：要求命令对象执行请求，通常会持有命令对象，可以持有很多的命令对象。这个是客户端真正触发命令
itpinpai·2015-08-08 20:00

【JS设计模式】组合模式

组合模式的使用场景非常明确：你想表示对象的部分-整体层次结构时；你希望用户忽略组合对象和单个对象的不同，用户将统一地使用组合结构中的所有对象（方法）组合模式(CompositePattern)组合模式，将对象组合成树形结构以表示“部分-整体”的层次结构，组合模式使得用户对单个对象和组合对象的使用具有一致性。有时候又叫做部分-整体模式，它使我们树型结构的问题中，模糊了简单元素和复杂元素的概念，客户程
itpinpai·2015-08-08 20:00

【JS设计模式】装饰者模式

装饰者模式：在不必改变原类文件和使用继承的情况下，动态地扩展一个对象的功能。它是通过创建一个包装对象，也就是装饰来包裹真实的对象装饰模式的特点（1）装饰对象和真实对象有相同的接口。这样客户端对象就能以和真实对象相同的方式和装饰对象交互。（2）装饰对象包含一个真实对象的引用（reference）（3）装饰对象接受所有来自客户端的请求。它把这些请求转发给真实的对象。（4）装饰对象可以在转发这些请求以前
itpinpai·2015-08-08 20:00

【JS设计模式】工厂方法模式

工厂方法模式（Factorymethodpattern）是一种实现“工厂”概念的面上对象设计模式。实质是定义一个创建对象的接口，但是让实现这个接口的类来决定实例化哪个类。工厂方法让类的实例化推迟到子类中进行。 functionextend(sup,sub){ varF=function(){ }; F.prototype=sup.prototype; sub.prototype=newF(); s
itpinpai·2015-08-08 20:00

JS设计模式（一）

时间长了，渐渐发现JS设计模式对于前端开发的重要性，但在分享JS设计模式之前，希望首先分享几点
·2015-07-25 10:00

JS设计模式一：单例模式

单例模式    单例模式也称作为单子模式，更多的也叫做单体模式。为软件设计中较为简单但是最为常用的一种设计模式。    下面是维基百科对单例模式的介绍：  在应用单例模式时，生成单例的类必须保证只有一个实例的存在，很多时候整个系统只需要拥有一个全局对象，才有利于协调系统整体的行为。比如在整个系统的配置文件中，配置数据有一个单例对象进行统一读取和修改，其他对象需要配置数据的时候也统一通过该单例对象来
yaokang522·2015-07-03 17:00

JavaScript实现Iterator模式实例分析

具体分析如下：经常在网上看到有不少JS设计模式的示例。
McJeremy&Fan·2015-06-09 11:19

JS设计模式一：单例模式

单例模式    单例模式也称作为单子模式，更多的也叫做单体模式。为软件设计中较为简单但是最为常用的一种设计模式。    下面是维基百科对单例模式的介绍：  在应用单例模式时，生成单例的类必须保证只有一个实例的存在，很多时候整个系统只需要拥有一个全局对象，才有利于协调系统整体的行为。比如在整个系统的配置文件中，配置数据有一个单例对象进行统一读取和修改，其他对象需要配置数据的时候也统一通过该单例对象来
墨飞2015·2015-05-05 09:00

JavaScript设计模式学习之二

JS设计模式之接口实现之二//在这里我们需要给没有实现接口方法的类（Function）提供错误信息 // 还是刚刚那个接口 /* interface Composite{ function add(child
iPhone·2015-04-08 15:00

JavaScript设计模式学习之二

JS设计模式之接口实现之二//在这里我们需要给没有实现接口方法的类（Function）提供错误信息 // 还是刚刚那个接口 /* interface Composite{ function add(child
iPhone·2015-04-08 15:00

Backbone入门讲解

设计模式：工厂模式，适配器模式，观察者模式等，推荐js设计模式这本书。设计模
joyhen·2015-01-08 18:57

Backbone入门讲解

设计模式：工厂模式，适配器模式，观察者模式等，推荐js设计模式这本书。设计模
Joyhen·2015-01-08 18:00

JavaScript常用的设计模式

/361810.htm  http://www.alloyteam.com/2012/10/common-javascript-design-patterns/   个人感觉JS
ldaolong·2014-10-20 17:00

【js设计模式笔记---享元模式】

享元模式享元（flyweight）模式。它最适合于解决因创建大量类似对象而累及性能的问题。这种模式在javascript中尤其有用，因为复杂的javascript代码可能很快就会用光浏览的甩有可用内存。通过把大量独立的对象转化为少量其享对象，可以降低运行Web应用程序所需要的资源数量。这种技术带来的好处可大可小。对于那些可能一连用上几天也不会重新加载的大型应用系统，任何减少内存用量的技术都有非常显
不一样的水果·2014-05-21 17:24

【js设计模式笔记---组合模式】

组合模式组合模式是一种专为创建Web上动态用户界面而量身定制的模式。使用这种模式，可以用一条命令在多个对象上激发复杂的或递归的行为。组合模式为操劳过度的javascript程序员带来了两大的好处你可以用同样的方法处理对象的集合与其中的特定子对象。组合对象与组成它的对象实现了同一批操作。对组合对象执行的这些操作将向下传递到所有的组成对象，这样一来所有的组成对象都会执行同样的操作。在存在大批对象的情况
不一样的水果·2014-05-19 15:14

前端模块化

1、对象字面量的变体 2、JS设计模式的 模块模式 3、采用成熟的库文件。前两种方式各模块的脚本被串在一起注入到DOM中，整个体系架
suqing·2014-04-21 17:00

js设计模式11 享元模式

先来实验一下jsimplements的威力Function.prototype.implementsFor=function(parentClassOrObj){ if(parentClassOrObj.constructor===Function){ this.prototype=newparentClassOrObj; this.prototype.parent=parentClassO
一只小桃子·2013-08-30 15:00

js设计模式9 混搭

这个比较好理解实现方法有很多        //一个简单的类 functionCar(options){ this.name=options.name||"bmw"; this.price=options.price||100; } //基础类 functionMin(){} Min.prototype={ "run":function(){alert("runing");},
一只小桃子·2013-08-29 15:00

js设计模式8 Factory Pattern

在Factory类里可以预先装好类的定义要的时候去取出来        functionCar(options){ this.color=options.color||"red"; this.name=options.name||"bmw"; this.doors=options.door||4; } functionTruck(options){ this.size=option
一只小桃子·2013-08-29 14:00

js设计模式7 Command Pattern

varCarManager={ "requestInfo":function(model,id){ return"theinfomationfor"+model+"withid"+id+"isfoo"; }, "buyVehicle":function(model,id){ return"youhavesuccessfullypurchased"+id+",a"+model; },
一只小桃子·2013-08-20 16:00

js设计模式6 prototype

varCar={ "drive":function(){ alert("imdriving!"); }, "stop":function(){ alert("stopped"); }, "showName":function(){ alert("mynameis"+this.name); } } varbmw=Object.create(Car, {"name":{"val
一只小桃子·2013-08-20 15:00

js设计模式5 Mediator Pattern

学习这章之前先学习一下call和apply：functionadd(a,b){ alert(a+b); } functionsub(a,b){ alert(a-b); } add.call(sub,1,4);//用add来代替subfunctionAnimal(str){ this.name=str; this.showName=function(){ alert(this.na
一只小桃子·2013-08-09 13:00
上一页 5 6 7 8 9 10 11 12 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他