Cleve_baby的博客

单例模式 :语言 : JavaScript定义 :单例模式有两个要点，保证一个类只有一个实例，并提供访问该实例的全局访问点。说明 :这篇文章通过一个简单的创建Mask的需求 , 一步步优化代码中 , 循序渐进 , 通俗易懂地讲解了单例的产生以及运用 , 加上了一些个人理解 .假定需求 : 在点击按钮需要弹出一个遮罩层的时 . (例如 web.qq.com点击登录的时候) 第一次处理 :创建 div...

Javascript设计模式 - 原文链接简单工厂模式 （Simple Factory） :语言 : JavaScript说明 :以一个生产汽车的工厂为例 , 来阐述3个工厂设计模式.产品类 :现在有两种车型, 他们都继承父类(Car), 两种车具有父类的所有属性和方法.//cc.Class 是 cocos2d - JS 中的 Class .var Car = cc.Class.extend({...

Javascript设计模式 - 原文链接创建者模式 ( Builder ) :语言 : JavaScript说明 :以KFC的套餐为例 ,每种套餐包含(主食 、副食 、饮料)三种食物 , 假设 1 位厨师(Cook)只会制作 1 种套餐(Meal) , 我们需要根据套餐选择厨师 .导演类( Dirctor ) :导演类规定套餐的基本组成 , 分为主食 、副食 、饮料3个部分 .var Dirct...

原型模式 ( Prototype ) :语言 : JavaScriptJavaScript 克隆方法 :function clone(obj) { if (null == obj || "object" != typeof obj) { return obj; } // Date if (obj instanceof Date) {...

Javascript设计模式 - 原文链接适配器模式 （Adapter） :语言 : JavaScript以一个游戏主角为例 , 刚开始主角只有(普通攻击)和一个技能(重击) .//主角var Character = cc.Class.extend({ Attack : function(){ console.log("普通攻击"); }, Skill ...

Javascript设计模式 - 原文链接 Tips : 后文中的 ctor函数是cocos2d - JS 中构造函数 .桥接模式 ( Bridge ) :语言 : JavaScript说明 :以画笔为例 , 假设画笔有3种型号 (大 、中 、小) 和 3种颜色 (黑 、白 、红) . 正常情况下 每个型号和每种颜色组合(小黑 、中黑 、大黑 、 小白 、中白…)都需要一支 , 那就需要 3*3 ...

Javascript设计模式 - 原文链接组合模式 ( Composite ) :语言 : JavaScript说明 :以一个游戏角色为例 , 人物角色的技能表为 主菜单 (skillMenu) , 主菜单 包含 冰系技能菜单 ( iceSkillMenu ) 和 火系技能菜单 ( fireSkillMenu ) , 菜单里面分别还有对应属性技能 .适用情况 :像上面举例的这种情况 , 技能表 和...

Javascript设计模式 - 原文链接 《设计模式》 - 8. 外观模式( Facade ) :语言 : C#说明 :第一步 : 通过 Shape 接口 , 衍生出两个派生类 正方形 (Square) 和 圆形 (Circle) , Square 和 Circle 两个类里都具有 绘制 (draw) 函数 .第二步 : 然后实例化 Maker 类 , 通过 maker 来调用 draw 函数绘...