代码改变世界

随笔分类 - Design patterns

在Javascript中模仿接口(一)

2012-09-22 12:27 by Barret李靖, 197 阅读, 收藏, 编辑
摘要:本文从ITeye导入在JavaScript中模仿接口——本文摘自《JavaScript设计模式》一、用注释描述接口/* interface Composite { function add(child); function remove(child); function getChild(index); } interface FormItem { function save(); }*/var CompositeForm = function(id, method, action){ //......};/... 阅读全文

如何设计一个支持方法链式调用的JavaScript库

2012-09-18 09:37 by Barret李靖, 212 阅读, 收藏, 编辑
摘要:本文从ITeye导入可以先了解下javascript链式调用的实现方式//设计一个支持方法链式调用的JavaScript库/* 常见于大多数JavaScript库中的特性 ———————————————————————————————————————————————————————————————————— 特性 | 说明 ———————————————————————————————————————————————————————————————————— 事件 | 添加和删除事... 阅读全文

javascript链式调用的实现方式

2012-09-18 08:58 by Barret李靖, 1561 阅读, 收藏, 编辑
摘要:本文从ITeye导入在我们所用到的库中,可以看到很多诸如$(window).addEvent('load', function(){ $('test').show().setStyle('color', 'red').addEvent('click', function(e){ $(this).setStyle('color', 'yellow'); });});的链式调用,那么这样的链式结构是怎么实现的呢,下面我们利用代码来探讨一番:先分解下,我们队$函数已经很熟悉了,他通常返回一 阅读全文

javascript的灵活性

2012-09-17 09:32 by Barret李靖, 493 阅读, 收藏, 编辑
摘要:本文从ITeye导入如果你偏爱过程式编程,你可以这样:/*Start and stop animations using functions.*/function startAnination() { ....}function stopAnination(){ ....}这种做法很简单,但是你无法创建可以保存状态并且具有一些仅对其内部状态进行操作的方法的动画对象。下面的代码定义了一个类,你可以用它创建这种对象:/*Anim class.*/ var Anim = function(){ .... }; Anim.prototype.start = function(){ ... 阅读全文