JavaScript设计模式

javascript设计模式-生成器模式（Builder）

1 <!doctype html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>生成器模式</title> 6 </head> 7 <
·2015-11-13 02:11

javascript设计模式-模板方法模式(Template)

1 <!DOCTYPE HTML> 2 <html lang="en-US"> 3 <head> 4 <meta charset="utf-8"> 5 <title></title> 6 </head> 7 <body&g
·2015-11-13 02:05

javascript设计模式-策略模式（Strategy）

1 <!DOCTYPE html> 2 <html> 3 <head> 4 <title></title> 5 <meta charset="UTF-8"/> 6 </head> 7 <body> 8 <img sr
·2015-11-13 02:04

javascript设计模式--命令模式

1 <!DOCTYPE html> 2 <html> 3 <head> 4 <title>命令模式</title> 5 <meta charset="utf-8"> 6 </head> 7 <body> 8
·2015-11-13 02:02

javascript设计模式--职责链模式(chain of responsibility)

<!DOCTYPE html> <html> <head> <title>职责链模式</title> <meta charset="utf-8"> </head> <body> <script> /** * 职责链模式 *
·2015-11-13 02:01

javascript设计模式-观察者模式

1 <!DOCTYPE html> 2 <html> 3 <head> 4 <title>观察者模式</title> 5 <meta charset="utf-8"> 6 </head> 7 <body>
·2015-11-13 02:00

javascript设计模式-代理模式

<!DOCTYPE html> <html> <head> <title>代理模式</title> <meta charset="utf-8"> </head> <body> <script> /** * 代理模式 * * 定义
·2015-11-13 02:59

javascript设计模式--享元模式（flyweight）

1 <!DOCTYPE html> 2 <html> 3 <head> 4 <title>享元模式（flyweight）</title> 5 <meta charset="utf-8"> 6 </head> 7 <bod
·2015-11-13 02:58

javascript设计模式-装饰者模式

<!DOCTYPE html> <html> <head> <title>装饰者模式</title> <meta charset="utf-8"> </head> <body> <script> /** * 装饰者模式 *
·2015-11-13 02:57

javascript设计模式-适配器模式

1 <!DOCTYPE html> 2 <html> 3 <head> 4 <title></title> 5 <meta charset="utf-8"> 6 </head> 7 <body> 8 <script&
·2015-11-13 02:56

javascript设计模式-外观模式

1 <!DOCTYPE HTML> 2 <html lang="en-US"> 3 <head> 4 <meta charset="utf-8"> 5 <title></title> 6 </head> 7 <bo
·2015-11-13 02:55

javascript设计模式-组合模式

1 <!DOCTYPE HTML> 2 <html lang="en-US"> 3 <head> 4 <meta charset="utf-8"> 5 <title></title> 6 </head> 7 <bo
·2015-11-13 02:55

javascript设计模式-工厂方法模式

1 <!doctype html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>工厂方法模式</title> 6 </head> 7 <
·2015-11-13 02:54

javascript设计模式-桥接模式

1 <!DOCTYPE HTML> 2 <html lang="en-US"> 3 <head> 4 <meta charset="utf-8"> 5 <title></title> 6 </head> 7 <bo
·2015-11-13 02:53

javascript设计模式系列

创建型： 1.抽象工厂模式（Abstract Factory） 2.构建者模式（Builder） 3.工厂方法模式（Factory Method） 4.原型模式（Prototype） 5.单例模式（Singleton）   结构型： 1.适配器模式（Adapter） 2.桥接模式（Bridge） 3.组合模式（Compositor） 4.装饰者模式（Decorato
·2015-11-13 00:30

JavaScript设计模式： 对象创建

1. 门户大开型 　　它的所有属性和方法都是公开的，可访问的，这些公用的属性需要使用this关键字来创建。 　　优点：方便派生子类和进行单元测试，创建这样的对象不需要深入理解作用域或调用链的概念。 　　缺点：虽然我们为设置属性提供了赋值哭器方法，但那些属性仍然是公开的，可以被直接设置，而在这种方案中却无法阻止这种行为。不管是出于有间还是无意，isbn都可能被设置为一个无效值。 var B
·2015-11-12 23:15

JavaScript设计模式： 接口模仿

JavaScript中模仿接口有三种方法 1. 注释法 /* interface Composite(){ function add(child); function remove(child); function getChild(index); } interface FormItem(){ function save(); } */
·2015-11-12 23:15

js对象编成

archive/2011/08/31/JavascripDesignPatterns.html 个人觉得这部分知识点,自己也才刚明白 现记录几个笔记       了解JavaScript
·2015-11-12 22:19

模块化JavaScript设计模式(一)

在可扩展JavaScript的世界里，假设我们说一个应用程序是模块化(modular)的，那么通常意味着它是由一系列存储于模块中的高度解耦，不同的功能片段组成。在可能的情况下，通过一处依赖性，松耦合能够使应用程序的可维护性更加简单。 假设有效地实现了这点，就非常easy地了解一部分怎样影响还有一个部分。 异步模块定义（AMD）的总体目标是提供模块化的JavaScript解决方式，以便开发人
·2015-11-12 19:11

jquery的promise实践--连续加载图片

在javascript设计模式实践之代理模式--图片预加载中用代理模式实现了图片预加载功能。现在就更进一步，完成一个能够一张一张的连续图片加载的功能。功能：1.一张一张加载图片。
白色的海·2015-11-12 18:00

javascript设计模式：构造器模式学习一

 javascript 设计模式1、简介javascript是一种弱类型语言，不过类可以通过函数模拟出来最常见的实现方法如下：function Car(model){ this.model = model; this.color = "red"; this.year = "2012"; this.getInfo = function(){ retu
·2015-11-12 17:55

Javascript设计模式系列三

　　继承，一个类或对象继承另一个类或对象的三种方法。类式继承、原型式继承、掺元类。 　　一、类式继承，原型链、Extend函数。 <script type="text/javascript"> ////定义Person类 var Person = function (name) {
·2015-11-12 15:15

Javascript设计模式系列二

　　创建对象的基本模式，一、门户大开型，二、采用下划线来表示属性和方法的私用性，三、使用闭包来创建私用的成员。 　　一、门户大开型。只能提供公用成员。所有属性和方法都公开的、可访问的。这些共用属性都要使用this关键字来创建。 <script type="text/javascript"> ////定义Dog对象 v
·2015-11-12 15:14

Javascript设计模式系列一

　　定义类，方法赋值给prototype属性各种写法： 　　方法一： 1 <script type="text/javascript"> 2 ////定义Message类 3 var Message = function () { 4 } 5 ////添加方法 6
·2015-11-12 15:12

常用的Javascript设计模式

常用的Javascript设计模式 　　《parctical common lisp》的作者曾说，如果你需要一种模式，那一定是哪里出了问题。
·2015-11-12 12:46

javascript设计模式之观察者模式

dom 的事件模式就是观察者模式 /* * 观察者模式又叫发布者-订阅者模式 * 我发布一则消息，消息就在那里；你若订阅，我便发送。 */ /* * js和dom之间的实现就是一种观察者模式； * 所有的dom元素都发布了事件，然后观察谁订阅了这个事件； * 例：div订阅了click事件 */ document.getElementById("ban
·2015-11-12 10:12

javascript设计模式之构造函数模式

// 构造函数模式 function Car(name, logo) { // 强制使用new, "this" point to the instance if (!(this instanceof Car)) { return new Car(name, logo); } this.name = name;
·2015-11-12 10:12

javascript设计模式之单例模式

参考资源：深入理解javascript系列 by Uncle Tom 单例就是保证一个类只有一个实例，实现的方法一般是先判断实例存在与否，如果存在直接返回，如果不存在就创建了再返回，这就确保了一个类只有一个实例对象。 对象字面量是最简单的单例模式： var mySingleton = { property: "a property", method:
·2015-11-12 10:11

javascript设计模式与开发实践

静态语言，动态语言（javascript） 鸭子类型，实现一个原则：面向接口编程，而不是面向现实编程 多态：同一操作作用于不同的对象上面，可以产生不同的解释和不同的执行结果。换句话说：给不同对发送同一个消息的时候，这些对象会根据这个消息分别给出不同的反馈。 　　   多态背后的思想是将“做什么”和“谁去做以及怎么做”分离开，也就是将“不变的事物”和“可改变的事物”分离开来
·2015-11-12 10:50

JavaScript设计模式与开发实践 | 03 - 闭包和高阶函数

闭包闭包是指有权访问另一个函数作用域中的变量的函数。创建闭包的常见方式，就是在一个函数内部创建另一个函数。闭包的形成与变量的作用域以及变量的生存周期有关。变量的作用域变量的作用域就是指变量的有效范围。当在函数中声明一个变量时，如果变量前面没有带上关键字var，这个变量就会成为全局变量；如果用var关键字在函数中声明变量，这个变量就是局部变量，只有在该函数内部才能访问到这个变量，在函数外部是访问不到
small2·2015-11-12 00:00

Javascript设计模式理论与实战：桥接模式

桥接模式将抽象部分与实现部分分离开来，使两者都可以独立的变化，并且可以一起和谐地工作。抽象部分和实现部分都可以独立的变化而不会互相影响，降低了代码的耦合性，提高了代码的扩展性。基本理论桥接模式定义：将抽象部分与它的实现部分分离，使它们都可以独立地变化。桥接模式主要有4个角色组成：（1）抽象类（2）扩充抽象类（3）实现类接口（4）具体实现类根据javascript语言的特点，我们将其简化成2个角色：
狼狼的蓝胖子·2015-11-11 22:00

js设计模式

http://www.csdn.net/article/2011-09-02/303983   阐明JavaScript设计模式。
·2015-11-11 18:27

javascript设计模式之观察者模式

http://www.oschina.net/translate/learning-javascript-design-patterns?cmp&p=7   http://www.cnblogs.com/TomXu/archive/2012/03/02/2355128.html   http://blog.csdn.net/thc1987/article/det
·2015-11-11 18:22

javascript设计模式之中介者模式

/* * 小游戏演示中介者模式 * Home 按键 1 * Guest 按键 0 * 半分钟内看谁按下的次数多 * * 参与的对象： * 玩家 * 计分板 * 中介者 * * 中介者模式使对象之间松耦合，提高了可维护性 */ // 玩家 var Player = function (name) { this.name =
·2015-11-11 17:47

javascript设计模式之工厂模式

/* * 工厂模式 * 需要依赖具体环境创建不同实例 * 处理大量具有相同属性的小对象 * * 比如汽车、不同类型的汽车 * source from: JavaScript Patterns page 148 * */ function CarMaker() {}; // 通用方法 CarMaker.prototype.drive = functio
·2015-11-11 17:46

javascript设计模式之外观模式

/* * 外观模式 * 外观模式的主要意义在于简化类的接口，使其易于调用 */ // 你常常在不经意中使用了外观模式，尤其类库中更多（处理兼容性问题） var addEvent = function (el, ev, fn) { if (el.addEventListener) { el.addEventListener(ev, fn, false
·2015-11-11 17:45

javascript设计模式之策略模式

数据验证之简易方式 // 举例 常见的验证表单字段经常是if else 或者 switch case var validater = { validate: function (value, type) { switch (type) { case 'isNonEmpty ':
·2015-11-11 17:45

javascript设计模式之装饰者模式

/* * 装饰者模式提供比继承更有弹性的替代方案 * 在不改变原构造函数的情况下，添加新的属性或功能 */ //需要装饰的类（函数） function Macbook() { this.cost = function () { return 1000; }; } // 加个内存 function Memory(macbook) {
·2015-11-11 17:44

javascript设计模式——Publish/Subscribe

推荐阅读http://dev.housetrip.com/2014/09/15/decoupling-javascript-apps-using-pub-sub-pattern/ 我们先引出问题的所在，这里使用一个订单系统： 在一个电子商务系统中，现在我们有订单模块，和信息模块两个主要模块，当下单成功时，我们用要发送订单信息的给客户。 下面是一个简单的解决办法，我们在一个类中调用另一个类的方
·2015-11-11 16:16

javascript设计模式——Observer

定义一种一对多的从属关系，当一个目标状态改变，所有他的从属对对象都将收到通知。 1.简单的Observer模式 实现 var Observer = function(){ this.list = []; } Observer.prototype.sub = function(func){ this.list.push(func); } Observer.proto
·2015-11-11 16:15

javascript设计模式——Module

Module模式是提供公有和私有方法的代码块，有利于封装组织代码，可减少变量及函数名与其它模块的冲突。 推荐阅读： http://www.adequatelygood.com/JavaScript-Module-Pattern-In-Depth.html http://toddmotto.com/mastering-the-module-pattern/   Module 模式
·2015-11-11 16:14

javascript设计模式——Singleton

单例模式指的是只能被实例化一次。   推荐阅读： http://blog.mgechev.com/2014/04/16/singleton-in-javascript/   比较通用的一种Singleton模式 var mySingleton = (function () { // Instance stores a reference to the Sin
·2015-11-11 16:14

前端资源分享

 http://blog.jobbole.com/29454/常用javascript设计模式 http://coderlmn.github.io/code-standards/#userconsent
·2015-11-11 16:32

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

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

初涉JavaScript模式 (5) : 原型模式 【一】

--引自JavaScript设计模式 我们创建的每一个函数都有一个prototype属性，这个属性是一个指针，指向一个对象，而这个对象包含了所有由指向他的构造函数所生成的实例的共享属性和方法。
·2015-11-11 12:46

JavaScript的那些书

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

javascript设计模式8

桥接模式（将抽象与其实现隔离开来，以便二者独立变化） function sendInfo(element){ var id=element.id; ajax("GET","info.json?id="+id,function(result){ //... }); //... }; 上例的aj
·2015-11-11 10:17

javascript设计模式7

链式调用 (function(){ function _$(els){ //... } _$.prototype={ each:function(fn){ for(var i=0,len=this.elements.length;i<len;++i){ fn.ca
·2015-11-11 10:16

javascript设计模式6

单体模式：用来划分命名空间而组织一些方法和属性的对象，如果它能被实例化，只能被实例化一次；但对象不是单体 var Singleton={ attr1:true; attr2:2, method1:function(){ ... }, method2:function(){ ... } };
·2015-11-11 10:15

javascript设计模式5

子类引用父类 function extend(subClass,superClass){ var F=function(){}; F.prototype=superClass.prototype; subClass.prototype=new F(); subClass.prototype.constructor=subClass; subCl
·2015-11-11 10:15
上一页 25 26 27 28 29 30 31 32 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他