随笔分类 -  设计模式

JS 设计模式
摘要:1、单例模式:产生一个类的唯一实例 例如:我们在页面中添加遮罩层,每次只能有一个遮罩层存在,因此为单例模式。 在创建遮罩层之前判断是否已经存在,若没有存在,则创建。 这里使用闭包,将是mask变量封装在createMask内。 2、工厂模式:产生多个相似的实例 这里使用的是 var x = Pare 阅读全文
posted @ 2016-09-17 12:36 xixi_xixi 阅读(253) 评论(0) 推荐(0)
观察者模式(3)--双向数据绑定
摘要:实现数据的双向绑定最直接的方式就是PubSub模式。 (1)当model发生变化时,触发Model change事件,然后通过相应事件处理函数更新界面。--'model-update-event' (2)当界面更新时,触发UI change事件,然后通过相应事件处理函数更新Model,以及绑定在Mo 阅读全文
posted @ 2016-08-29 22:45 xixi_xixi 阅读(962) 评论(0) 推荐(0)
观察者模式(2)--自定义事件
摘要:这是一道笔试题,考察的就是观察者模式,包括事件的定义和执行。这里看一下用JS原型写的观察者模式基本试例。 题目中的测试一,在事件触发时(emit),如果有参数,需要接收参数,如果没有参数,则直接忽略传参。 我们可以这样写: 测试二的意思简单来说就是,两个不同的对象的自定义事件之间相互独立。 在题目中 阅读全文
posted @ 2016-08-29 20:50 xixi_xixi 阅读(245) 评论(0) 推荐(0)
观察者模式(1)
摘要:(1)笔试中有一个自定义事件的题,这个题其实考的就是观察者模式。 (2)Js中实现双向数据绑定也可以用观察者模式。所谓双向数据绑定指的是:数据的操作可以实时反映到数据,数据的变更也可以实时的展现在页面。(如AngularJs) 观察者模式是一种设计模式,又叫发布订阅模式(Publish/Subscr 阅读全文
posted @ 2016-08-29 12:09 xixi_xixi 阅读(317) 评论(0) 推荐(0)