Thanks to visit codestin.com
Credit goes to github.com

Skip to content

Commit 219b2a7

Browse files
chuanxshichuanxshi
committed
fixed intentation and encoding, updated reference list
1 parent 56837de commit 219b2a7

12 files changed

+358
-328
lines changed

‎design-patterns/builder.html

Lines changed: 6 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
<!doctype html>
1+
<!doctype html>
22
<html lang="en">
33
<head>
44
<title>JavaScript Patterns</title>
@@ -7,6 +7,10 @@
77
<body>
88
<button id="test">Test</button>
99
<script>
10+
/* Title: Builder
11+
Description: constructs complex objects by separating construction and representation
12+
*/
13+
1014
function getBeerById(id, callback) {
1115
// Make request for beer by ID, then return the beer data.
1216
asyncRequest('GET', 'beer.uri?id=' + id, function(resp) {
@@ -25,9 +29,7 @@
2529
}
2630

2731
// reference
28-
// http://www.jspatterns.com/
29-
// http://shop.oreilly.com/product/9780596806767.do?sortby=publicationDate
30-
// http://www.addyosmani.com/resources/essentialjsdesignpatterns/book/
32+
// http://www.addyosmani.com/resources/essentialjsdesignpatterns/book/#builderpatternjquery
3133
</script>
3234
</body>
3335
</html>

‎design-patterns/chain-of-responsibility.html

Lines changed: 28 additions & 28 deletions
Original file line numberDiff line numberDiff line change
@@ -6,61 +6,61 @@
66
</head>
77
<body>
88
<script>
9-
// from https://gist.github.com/1174982
9+
/* Title: Chain of responsibility
10+
Description: delegates commands to a chain of processing objects
11+
*/
1012

1113
var NO_TOPIC = -1;
1214
var Topic;
1315

1416
function Handler(s, t) {
15-
this.successor = s || null;
16-
this.topic = t || 0;
17+
this.successor = s || null;
18+
this.topic = t || 0;
1719
}
1820

1921
Handler.prototype = {
20-
handle: function () {
21-
console.log(this.has())
22-
if (this.successor) {
23-
this.successor.handle()
24-
}
25-
console.log(this.topic);
26-
},
27-
has: function() {
28-
return this.topic != NO_TOPIC;
22+
handle: function () {
23+
console.log(this.has());
24+
if (this.successor) {
25+
this.successor.handle();
2926
}
27+
console.log(this.topic);
28+
},
29+
has: function() {
30+
return this.topic != NO_TOPIC;
31+
}
3032
};
3133

3234
var _handle = Handler.prototype.handle;
3335

3436
var app = new Handler({
35-
handle: function () {
36-
console.log('app handle');
37-
}
37+
handle: function () {
38+
console.log('app handle');
39+
}
3840
}, 3);
3941

4042
var dialog = new Handler(app, 1);
4143
//dialog.handle = function () {
42-
//if (this.has()) {
43-
//} else {
44-
//console.log('dialog handle');
45-
//_handle.call(this);
46-
//}
44+
//if (this.has()) {
45+
//} else {
46+
//console.log('dialog handle');
47+
//_handle.call(this);
48+
//}
4749
//}
4850

4951
var button = new Handler(dialog, 2);
5052
//button.handle = function () {
51-
//if (this.has()) {
52-
//} else {
53-
//console.log('dialog handle');
54-
//_handle.call(this);
55-
//}
53+
//if (this.has()) {
54+
//} else {
55+
//console.log('dialog handle');
56+
//_handle.call(this);
57+
//}
5658
//}
5759

5860
button.handle();
5961

6062
// reference
61-
// http://www.jspatterns.com/
62-
// http://shop.oreilly.com/product/9780596806767.do?sortby=publicationDate
63-
// http://www.addyosmani.com/resources/essentialjsdesignpatterns/book/
63+
// https://gist.github.com/1174982
6464
</script>
6565
</body>
6666
</html>

‎design-patterns/command.html

Lines changed: 6 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,11 +1,15 @@
1-
<!doctype html>
1+
<!doctype html>
22
<html lang="en">
33
<head>
44
<title>JavaScript Patterns</title>
55
<meta charset="utf-8">
66
</head>
77
<body>
88
<script>
9+
/* Title: Command
10+
Description: creates objects which encapsulate actions and parameters
11+
*/
12+
913
(function () {
1014

1115
var CarManager = {
@@ -34,9 +38,7 @@
3438
})();
3539

3640
// reference
37-
// http://www.jspatterns.com/
38-
// http://shop.oreilly.com/product/9780596806767.do?sortby=publicationDate
39-
// http://www.addyosmani.com/resources/essentialjsdesignpatterns/book/
41+
// http://www.addyosmani.com/resources/essentialjsdesignpatterns/book/#commandpatternjavascript
4042
</script>
4143
</body>
4244
</html>

‎design-patterns/decorator.html

Lines changed: 36 additions & 33 deletions
Original file line numberDiff line numberDiff line change
@@ -1,52 +1,55 @@
1-
<!doctype html>
1+
<!doctype html>
22
<html lang="en">
33
<head>
44
<title>JavaScript Patterns</title>
55
<meta charset="utf-8">
66
</head>
77
<body>
88
<script>
9-
var tree = {};
10-
tree.decorate = function() {
11-
console.log('Make sure the tree won\'t fall');
12-
};
9+
/* Title: Decorator
10+
Description: dynamically adds/overrides behaviour in an existing method of an object
11+
*/
12+
13+
var tree = {};
14+
tree.decorate = function() {
15+
console.log('Make sure the tree won\'t fall');
16+
};
1317

14-
tree.getDecorator = function(deco) {
15-
tree[deco].prototype = this;
16-
return new tree[deco];
17-
};
18+
tree.getDecorator = function(deco) {
19+
tree[deco].prototype = this;
20+
return new tree[deco];
21+
};
1822

19-
tree.RedBalls = function() {
20-
this.decorate = function() {
21-
this.RedBalls.prototype.decorate();
22-
console.log('Put on some red balls');
23-
}
24-
};
23+
tree.RedBalls = function() {
24+
this.decorate = function() {
25+
this.RedBalls.prototype.decorate();
26+
console.log('Put on some red balls');
27+
}
28+
};
2529

26-
tree.BlueBalls = function() {
27-
this.decorate = function() {
28-
this.BlueBalls.prototype.decorate();
29-
console.log('Add blue balls');
30-
}
31-
};
30+
tree.BlueBalls = function() {
31+
this.decorate = function() {
32+
this.BlueBalls.prototype.decorate();
33+
console.log('Add blue balls');
34+
}
35+
};
3236

33-
tree.Angel = function() {
34-
this.decorate = function() {
35-
this.Angel.prototype.decorate();
36-
console.log('An angel on the top');
37-
}
38-
};
37+
tree.Angel = function() {
38+
this.decorate = function() {
39+
this.Angel.prototype.decorate();
40+
console.log('An angel on the top');
41+
}
42+
};
3943

40-
tree = tree.getDecorator('BlueBalls');
41-
tree = tree.getDecorator('Angel');
42-
tree = tree.getDecorator('RedBalls');
44+
tree = tree.getDecorator('BlueBalls');
45+
tree = tree.getDecorator('Angel');
46+
tree = tree.getDecorator('RedBalls');
4347

44-
tree.decorate();
48+
tree.decorate();
4549

4650
// reference
47-
// http://www.jspatterns.com/
51+
// http://www.addyosmani.com/resources/essentialjsdesignpatterns/book/#decoratorpatternjavascript
4852
// http://shop.oreilly.com/product/9780596806767.do?sortby=publicationDate
49-
// http://www.addyosmani.com/resources/essentialjsdesignpatterns/book/
5053
</script>
5154
</body>
5255
</html>

‎design-patterns/facade.html

Lines changed: 5 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -6,6 +6,10 @@
66
</head>
77
<body>
88
<script>
9+
/* Title: Facade
10+
Description: provides a simplified interface to a large body of code
11+
*/
12+
913
var mobileEvent = {
1014
// ...
1115
stop: function (e) {
@@ -16,9 +20,8 @@
1620
};
1721

1822
// reference
19-
// http://www.jspatterns.com/
23+
// http://www.addyosmani.com/resources/essentialjsdesignpatterns/book/#facadepatternjavascript
2024
// http://shop.oreilly.com/product/9780596806767.do?sortby=publicationDate
21-
// http://www.addyosmani.com/resources/essentialjsdesignpatterns/book/
2225
</script>
2326
</body>
2427
</html>

0 commit comments

Comments
 (0)