9 |
10 | This is the source code for Learning JavaScript Design Patterns. It is licensed under the Creative Commons Attribution-Non Commercial-Share Alike 3.0 license. I hope you enjoy it, I hope it helps you learn, and I hope you'll support O'Reilly and me by purchasing a print copy of the book at [O'Reilly.com](http://shop.oreilly.com/product/0636920025832.do).
11 |
12 | Design patterns are reusable solutions to commonly occurring problems in software development and are a very useful tool to have at your disposal. You can read the latest version [online](http://addyosmani.com/resources/essentialjsdesignpatterns/book/) for free at any time.
13 |
14 | #### Why is this book needed?
15 |
16 | I wanted to write this book as I felt that patterns were an area a lot of new and intermediate JavaScript developers may not have had a chance to explore just yet and I'm hopeful my book will encourage you to check them out as they can be quite powerful.
17 |
18 | ### Contributing and Errata
19 |
20 | I'm always welcome to feedback on how the book can be improved.
21 |
22 | #### Pull requests
23 |
24 | If you would like to help improve the project, please feel free to send over a pull request. Some useful notes:
25 |
26 | * All changes should be made against the master branch.
27 | * The source of the book is currently in `book/index.html`.
28 | * Atomic commits make it easier to review changes. If you can separate changes out in this form, it'll save us time when trying to land.
29 | * Please review the version of the book [online](http://addyosmani.com/resources/essentialjsdesignpatterns/book/) before requesting a change. It is updated more frequently than the physical version of the book but we do bring changes back in every few months.
30 |
31 | #### Building the project
32 |
33 | Install dependencies : `npm install`
34 | Build the project: `grunt`
35 | Preview: `grunt serve`
36 |
37 | #### Additional formats
38 |
39 | The project is currently authored in HTML, however we do plan on introducing builds for other formats (PDF, ePub) shortly. In the mean time, official releases for other formats can be obtained via O'Reilly.
40 |
41 | ### Translations
42 |
43 | If you would like to get involved with translating this project to another language, please open up a new issue. O'Reilly have a process for handling translations to ensure that they go through the same review process that the English version goes through.
44 |
45 | So far, we've successfully had the book translated to Japanese. You can find that version on the [O'Reilly Japan](http://www.oreilly.co.jp/books/9784873116181/) site.
46 |
47 | ### License
48 |
49 | This book is released under a Creative Commons Attribution-Noncommercial- No Derivative Works 3.0 United States License.
50 |
51 | What this means it that the project is free to read and use, but the license does not permit commercial use of the material (i.e you can freely print out the book for your own use, but you can't sell it). I'm trying to best to publish all of my books in a free + purchased (if you would like to support these projects) form so I would greatly appreciate it if you would respect these terms.
52 |
53 | Copyright Addy Osmani, 2017.
54 |
--------------------------------------------------------------------------------
/book/bower_components/codecode/.bower.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "codecode",
3 | "version": "0.1.2",
4 | "author": "Stephen Sawchuk",
5 | "description": "codecode allows your readers to dock your syntax-highlighted code blocks to the bottom of the page, allowing them to refer back without losing their place in your article.",
6 | "homepage": "http://stephenplusplus.github.io/codecode",
7 | "main": [
8 | "codecode.js",
9 | "codecode.css"
10 | ],
11 | "repository": {
12 | "type": "git",
13 | "url": "git://github.com/stephenplusplus/codecode.git"
14 | },
15 | "dependencies": {
16 | "jquery": ">= 1.8.0"
17 | },
18 | "_release": "0.1.2",
19 | "_resolution": {
20 | "type": "version",
21 | "tag": "0.1.2",
22 | "commit": "4cd82899a3c3296ac940fc390cc7d1de91d445f6"
23 | },
24 | "_source": "git://github.com/stephenplusplus/codecode.git",
25 | "_target": "~0.1.2",
26 | "_originalSource": "codecode"
27 | }
--------------------------------------------------------------------------------
/book/bower_components/codecode/.editorconfig:
--------------------------------------------------------------------------------
1 | root = true
2 |
3 | [*]
4 | charset = utf-8
5 | indent_style = space
6 | indent_size = 2
7 | end_of_line = lf
8 | trim_trailing_whitespace = true
9 | insert_final_newline = true
10 |
--------------------------------------------------------------------------------
/book/bower_components/codecode/bower.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "codecode",
3 | "version": "0.1.1",
4 | "author": "Stephen Sawchuk",
5 | "description": "codecode allows your readers to dock your syntax-highlighted code blocks to the bottom of the page, allowing them to refer back without losing their place in your article.",
6 | "homepage": "http://stephenplusplus.github.io/codecode",
7 | "main": [
8 | "codecode.js",
9 | "codecode.css"
10 | ],
11 | "repository": {
12 | "type": "git",
13 | "url": "git://github.com/stephenplusplus/codecode.git"
14 | },
15 | "dependencies": {
16 | "jquery": ">= 1.8.0"
17 | }
18 | }
19 |
--------------------------------------------------------------------------------
/book/bower_components/codecode/codecode.css:
--------------------------------------------------------------------------------
1 | .acodecode {
2 | cursor: pointer;
3 | }
4 |
5 | .acodecodeactive {
6 | cursor: default;
7 | }
8 |
9 | .codecodecode {
10 | position: fixed;
11 | z-index: 100;
12 | left: 2%;
13 | bottom: -30px;
14 | width: 96%;
15 | height: 0;
16 | max-height: 270px;
17 | text-align: left;
18 | }
19 |
20 | .codecodecode > div {
21 | box-shadow: 0 0 3px #444;
22 | }
23 |
24 | .codecodecontrols {
25 | height: 30px;
26 | margin-top: -30px;
27 | background-color: #fff;
28 | background-color: rgba(255, 255, 255, .8);
29 | border-radius: 8px 8px 0 0;
30 | }
31 |
32 | .codecodecontrols a {
33 | float: left;
34 | line-height: 30px;
35 | margin-left: 6px;
36 | font-family: Arial;
37 | font-size: 12px;
38 | }
39 |
40 | .codecodecontrols .closeCodeCode {
41 | float: right;
42 | margin-right: 6px;
43 | }
44 |
45 | .codecode,
46 | .acodecode.codecode {
47 | border-radius: 0 !important;
48 | position: relative !important;
49 | width: 100% !important;
50 | margin: 0 !important;
51 | overflow: auto !important;
52 | cursor: default !important;
53 | }
54 |
55 | div.codecode [id^=highlighter] div.bar.show,
56 | div.codecode [id^=highlighter] div.toolbar {
57 | display: none !important;
58 | };
--------------------------------------------------------------------------------
/book/bower_components/codecode/codecode.js:
--------------------------------------------------------------------------------
1 | (function ($, win, doc) {
2 | 'use strict';
3 |
4 | var el = {};
5 | var codePosition;
6 |
7 | el.body = $(doc.body);
8 |
9 | el.codecodecode = $([
10 | '-
42 |
43 |
44 |
- 45 | 50 | 52 | 53 | 54 |
" + cat.charAt(0).toUpperCase() + cat.slice(1) + "
" ); 44 | console.log("- ");
45 | }
46 |
47 | console.log(
48 | "
- #" + 49 | match[1] + ": " + match[2] + " " 50 | ); 51 | } 52 | } 53 | if ( cur ) { 54 | console.log("
28 |
36 | Hello
29 |
30 |
35 |
31 |
34 | lorem ipsum
32 |dolor sit amet
33 |Getting Values: Loading...
80 |Setting Values: Loading...
81 | 82 | 83 | -------------------------------------------------------------------------------- /book/bower_components/jquery/speed/event.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 |Move the mouse, please!
56 | 57 | 58 | 59 | -------------------------------------------------------------------------------- /book/bower_components/jquery/speed/slice.vs.concat.html: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /book/bower_components/jquery/src/.jshintrc: -------------------------------------------------------------------------------- 1 | { 2 | "boss": true, 3 | "curly": true, 4 | "eqeqeq": true, 5 | "eqnull": true, 6 | "expr": true, 7 | "immed": true, 8 | "noarg": true, 9 | "onevar": true, 10 | "quotmark": "double", 11 | "smarttabs": true, 12 | "trailing": true, 13 | "undef": true, 14 | "unused": true, 15 | 16 | "evil": true, 17 | "sub": true, 18 | 19 | "browser": true, 20 | "wsh": true, 21 | 22 | "globals": { 23 | "define": true, 24 | "module": true, 25 | "jQuery": true 26 | } 27 | } 28 | -------------------------------------------------------------------------------- /book/bower_components/jquery/src/ajax/jsonp.js: -------------------------------------------------------------------------------- 1 | var oldCallbacks = [], 2 | rjsonp = /(=)\?(?=&|$)|\?\?/; 3 | 4 | // Default jsonp settings 5 | jQuery.ajaxSetup({ 6 | jsonp: "callback", 7 | jsonpCallback: function() { 8 | var callback = oldCallbacks.pop() || ( jQuery.expando + "_" + ( ajax_nonce++ ) ); 9 | this[ callback ] = true; 10 | return callback; 11 | } 12 | }); 13 | 14 | // Detect, normalize options and install callbacks for jsonp requests 15 | jQuery.ajaxPrefilter( "json jsonp", function( s, originalSettings, jqXHR ) { 16 | 17 | var callbackName, overwritten, responseContainer, 18 | jsonProp = s.jsonp !== false && ( rjsonp.test( s.url ) ? 19 | "url" : 20 | typeof s.data === "string" && !( s.contentType || "" ).indexOf("application/x-www-form-urlencoded") && rjsonp.test( s.data ) && "data" 21 | ); 22 | 23 | // Handle iff the expected data type is "jsonp" or we have a parameter to set 24 | if ( jsonProp || s.dataTypes[ 0 ] === "jsonp" ) { 25 | 26 | // Get callback name, remembering preexisting value associated with it 27 | callbackName = s.jsonpCallback = jQuery.isFunction( s.jsonpCallback ) ? 28 | s.jsonpCallback() : 29 | s.jsonpCallback; 30 | 31 | // Insert callback into url or form data 32 | if ( jsonProp ) { 33 | s[ jsonProp ] = s[ jsonProp ].replace( rjsonp, "$1" + callbackName ); 34 | } else if ( s.jsonp !== false ) { 35 | s.url += ( ajax_rquery.test( s.url ) ? "&" : "?" ) + s.jsonp + "=" + callbackName; 36 | } 37 | 38 | // Use data converter to retrieve json after script execution 39 | s.converters["script json"] = function() { 40 | if ( !responseContainer ) { 41 | jQuery.error( callbackName + " was not called" ); 42 | } 43 | return responseContainer[ 0 ]; 44 | }; 45 | 46 | // force json dataType 47 | s.dataTypes[ 0 ] = "json"; 48 | 49 | // Install callback 50 | overwritten = window[ callbackName ]; 51 | window[ callbackName ] = function() { 52 | responseContainer = arguments; 53 | }; 54 | 55 | // Clean-up function (fires after converters) 56 | jqXHR.always(function() { 57 | // Restore preexisting value 58 | window[ callbackName ] = overwritten; 59 | 60 | // Save back as free 61 | if ( s[ callbackName ] ) { 62 | // make sure that re-using the options doesn't screw things around 63 | s.jsonpCallback = originalSettings.jsonpCallback; 64 | 65 | // save the callback name for future use 66 | oldCallbacks.push( callbackName ); 67 | } 68 | 69 | // Call if it was a function and we have a response 70 | if ( responseContainer && jQuery.isFunction( overwritten ) ) { 71 | overwritten( responseContainer[ 0 ] ); 72 | } 73 | 74 | responseContainer = overwritten = undefined; 75 | }); 76 | 77 | // Delegate to script 78 | return "script"; 79 | } 80 | }); 81 | -------------------------------------------------------------------------------- /book/bower_components/jquery/src/ajax/script.js: -------------------------------------------------------------------------------- 1 | // Install script dataType 2 | jQuery.ajaxSetup({ 3 | accepts: { 4 | script: "text/javascript, application/javascript, application/ecmascript, application/x-ecmascript" 5 | }, 6 | contents: { 7 | script: /(?:java|ecma)script/ 8 | }, 9 | converters: { 10 | "text script": function( text ) { 11 | jQuery.globalEval( text ); 12 | return text; 13 | } 14 | } 15 | }); 16 | 17 | // Handle cache's special case and global 18 | jQuery.ajaxPrefilter( "script", function( s ) { 19 | if ( s.cache === undefined ) { 20 | s.cache = false; 21 | } 22 | if ( s.crossDomain ) { 23 | s.type = "GET"; 24 | s.global = false; 25 | } 26 | }); 27 | 28 | // Bind script tag hack transport 29 | jQuery.ajaxTransport( "script", function(s) { 30 | 31 | // This transport only deals with cross domain requests 32 | if ( s.crossDomain ) { 33 | 34 | var script, 35 | head = document.head || jQuery("head")[0] || document.documentElement; 36 | 37 | return { 38 | 39 | send: function( _, callback ) { 40 | 41 | script = document.createElement("script"); 42 | 43 | script.async = true; 44 | 45 | if ( s.scriptCharset ) { 46 | script.charset = s.scriptCharset; 47 | } 48 | 49 | script.src = s.url; 50 | 51 | // Attach handlers for all browsers 52 | script.onload = script.onreadystatechange = function( _, isAbort ) { 53 | 54 | if ( isAbort || !script.readyState || /loaded|complete/.test( script.readyState ) ) { 55 | 56 | // Handle memory leak in IE 57 | script.onload = script.onreadystatechange = null; 58 | 59 | // Remove the script 60 | if ( script.parentNode ) { 61 | script.parentNode.removeChild( script ); 62 | } 63 | 64 | // Dereference the script 65 | script = null; 66 | 67 | // Callback if not abort 68 | if ( !isAbort ) { 69 | callback( 200, "success" ); 70 | } 71 | } 72 | }; 73 | 74 | // Circumvent IE6 bugs with base elements (#2709 and #4378) by prepending 75 | // Use native DOM manipulation to avoid our domManip AJAX trickery 76 | head.insertBefore( script, head.firstChild ); 77 | }, 78 | 79 | abort: function() { 80 | if ( script ) { 81 | script.onload( undefined, true ); 82 | } 83 | } 84 | }; 85 | } 86 | }); 87 | -------------------------------------------------------------------------------- /book/bower_components/jquery/src/deprecated.js: -------------------------------------------------------------------------------- 1 | // Limit scope pollution from any deprecated API 2 | // (function() { 3 | 4 | // The number of elements contained in the matched element set 5 | jQuery.fn.size = function() { 6 | return this.length; 7 | }; 8 | 9 | jQuery.fn.andSelf = jQuery.fn.addBack; 10 | 11 | // })(); 12 | -------------------------------------------------------------------------------- /book/bower_components/jquery/src/dimensions.js: -------------------------------------------------------------------------------- 1 | // Create innerHeight, innerWidth, height, width, outerHeight and outerWidth methods 2 | jQuery.each( { Height: "height", Width: "width" }, function( name, type ) { 3 | jQuery.each( { padding: "inner" + name, content: type, "": "outer" + name }, function( defaultExtra, funcName ) { 4 | // margin is only for outerHeight, outerWidth 5 | jQuery.fn[ funcName ] = function( margin, value ) { 6 | var chainable = arguments.length && ( defaultExtra || typeof margin !== "boolean" ), 7 | extra = defaultExtra || ( margin === true || value === true ? "margin" : "border" ); 8 | 9 | return jQuery.access( this, function( elem, type, value ) { 10 | var doc; 11 | 12 | if ( jQuery.isWindow( elem ) ) { 13 | // As of 5/8/2012 this will yield incorrect results for Mobile Safari, but there 14 | // isn't a whole lot we can do. See pull request at this URL for discussion: 15 | // https://github.com/jquery/jquery/pull/764 16 | return elem.document.documentElement[ "client" + name ]; 17 | } 18 | 19 | // Get document width or height 20 | if ( elem.nodeType === 9 ) { 21 | doc = elem.documentElement; 22 | 23 | // Either scroll[Width/Height] or offset[Width/Height] or client[Width/Height], whichever is greatest 24 | // unfortunately, this causes bug #3838 in IE6/8 only, but there is currently no good, small way to fix it. 25 | return Math.max( 26 | elem.body[ "scroll" + name ], doc[ "scroll" + name ], 27 | elem.body[ "offset" + name ], doc[ "offset" + name ], 28 | doc[ "client" + name ] 29 | ); 30 | } 31 | 32 | return value === undefined ? 33 | // Get width or height on the element, requesting but not forcing parseFloat 34 | jQuery.css( elem, type, extra ) : 35 | 36 | // Set width or height on the element 37 | jQuery.style( elem, type, value, extra ); 38 | }, type, chainable ? margin : undefined, chainable, null ); 39 | }; 40 | }); 41 | }); 42 | -------------------------------------------------------------------------------- /book/bower_components/jquery/src/event-alias.js: -------------------------------------------------------------------------------- 1 | jQuery.each( ("blur focus focusin focusout load resize scroll unload click dblclick " + 2 | "mousedown mouseup mousemove mouseover mouseout mouseenter mouseleave " + 3 | "change select submit keydown keypress keyup error contextmenu").split(" "), function( i, name ) { 4 | 5 | // Handle event binding 6 | jQuery.fn[ name ] = function( data, fn ) { 7 | return arguments.length > 0 ? 8 | this.on( name, null, data, fn ) : 9 | this.trigger( name ); 10 | }; 11 | }); 12 | 13 | jQuery.fn.extend({ 14 | hover: function( fnOver, fnOut ) { 15 | return this.mouseenter( fnOver ).mouseleave( fnOut || fnOver ); 16 | }, 17 | 18 | bind: function( types, data, fn ) { 19 | return this.on( types, null, data, fn ); 20 | }, 21 | unbind: function( types, fn ) { 22 | return this.off( types, null, fn ); 23 | }, 24 | 25 | delegate: function( selector, types, data, fn ) { 26 | return this.on( types, selector, data, fn ); 27 | }, 28 | undelegate: function( selector, types, fn ) { 29 | // ( namespace ) or ( selector, types [, fn] ) 30 | return arguments.length === 1 ? this.off( selector, "**" ) : this.off( types, selector || "**", fn ); 31 | } 32 | }); 33 | -------------------------------------------------------------------------------- /book/bower_components/jquery/src/exports.js: -------------------------------------------------------------------------------- 1 | if ( typeof module === "object" && module && typeof module.exports === "object" ) { 2 | // Expose jQuery as module.exports in loaders that implement the Node 3 | // module pattern (including browserify). Do not create the global, since 4 | // the user will be storing it themselves locally, and globals are frowned 5 | // upon in the Node module world. 6 | module.exports = jQuery; 7 | } else { 8 | // Otherwise expose jQuery to the global object as usual 9 | window.jQuery = window.$ = jQuery; 10 | 11 | // Register as a named AMD module, since jQuery can be concatenated with other 12 | // files that may use define, but not via a proper concatenation script that 13 | // understands anonymous AMD modules. A named AMD is safest and most robust 14 | // way to register. Lowercase jquery is used because AMD module names are 15 | // derived from file names, and jQuery is normally delivered in a lowercase 16 | // file name. Do this after creating the global so that if an AMD module wants 17 | // to call noConflict to hide this version of jQuery, it will work. 18 | if ( typeof define === "function" && define.amd ) { 19 | define( "jquery", [], function () { return jQuery; } ); 20 | } 21 | } 22 | -------------------------------------------------------------------------------- /book/bower_components/jquery/src/intro.js: -------------------------------------------------------------------------------- 1 | /*! 2 | * jQuery JavaScript Library v@VERSION 3 | * http://jquery.com/ 4 | * 5 | * Includes Sizzle.js 6 | * http://sizzlejs.com/ 7 | * 8 | * Copyright 2005, 2013 jQuery Foundation, Inc. and other contributors 9 | * Released under the MIT license 10 | * http://jquery.org/license 11 | * 12 | * Date: @DATE 13 | */ 14 | (function( window, undefined ) { 15 | 16 | // Can't do this because several apps including ASP.NET trace 17 | // the stack via arguments.caller.callee and Firefox dies if 18 | // you try to trace through "use strict" call chains. (#13335) 19 | // Support: Firefox 18+ 20 | //"use strict"; 21 | -------------------------------------------------------------------------------- /book/bower_components/jquery/src/outro.js: -------------------------------------------------------------------------------- 1 | 2 | })( window ); 3 | -------------------------------------------------------------------------------- /book/bower_components/jquery/src/queue.js: -------------------------------------------------------------------------------- 1 | jQuery.extend({ 2 | queue: function( elem, type, data ) { 3 | var queue; 4 | 5 | if ( elem ) { 6 | type = ( type || "fx" ) + "queue"; 7 | queue = jQuery._data( elem, type ); 8 | 9 | // Speed up dequeue by getting out quickly if this is just a lookup 10 | if ( data ) { 11 | if ( !queue || jQuery.isArray(data) ) { 12 | queue = jQuery._data( elem, type, jQuery.makeArray(data) ); 13 | } else { 14 | queue.push( data ); 15 | } 16 | } 17 | return queue || []; 18 | } 19 | }, 20 | 21 | dequeue: function( elem, type ) { 22 | type = type || "fx"; 23 | 24 | var queue = jQuery.queue( elem, type ), 25 | startLength = queue.length, 26 | fn = queue.shift(), 27 | hooks = jQuery._queueHooks( elem, type ), 28 | next = function() { 29 | jQuery.dequeue( elem, type ); 30 | }; 31 | 32 | // If the fx queue is dequeued, always remove the progress sentinel 33 | if ( fn === "inprogress" ) { 34 | fn = queue.shift(); 35 | startLength--; 36 | } 37 | 38 | if ( fn ) { 39 | 40 | // Add a progress sentinel to prevent the fx queue from being 41 | // automatically dequeued 42 | if ( type === "fx" ) { 43 | queue.unshift( "inprogress" ); 44 | } 45 | 46 | // clear up the last queue stop function 47 | delete hooks.stop; 48 | fn.call( elem, next, hooks ); 49 | } 50 | 51 | if ( !startLength && hooks ) { 52 | hooks.empty.fire(); 53 | } 54 | }, 55 | 56 | // not intended for public consumption - generates a queueHooks object, or returns the current one 57 | _queueHooks: function( elem, type ) { 58 | var key = type + "queueHooks"; 59 | return jQuery._data( elem, key ) || jQuery._data( elem, key, { 60 | empty: jQuery.Callbacks("once memory").add(function() { 61 | jQuery._removeData( elem, type + "queue" ); 62 | jQuery._removeData( elem, key ); 63 | }) 64 | }); 65 | } 66 | }); 67 | 68 | jQuery.fn.extend({ 69 | queue: function( type, data ) { 70 | var setter = 2; 71 | 72 | if ( typeof type !== "string" ) { 73 | data = type; 74 | type = "fx"; 75 | setter--; 76 | } 77 | 78 | if ( arguments.length < setter ) { 79 | return jQuery.queue( this[0], type ); 80 | } 81 | 82 | return data === undefined ? 83 | this : 84 | this.each(function() { 85 | var queue = jQuery.queue( this, type, data ); 86 | 87 | // ensure a hooks for this queue 88 | jQuery._queueHooks( this, type ); 89 | 90 | if ( type === "fx" && queue[0] !== "inprogress" ) { 91 | jQuery.dequeue( this, type ); 92 | } 93 | }); 94 | }, 95 | dequeue: function( type ) { 96 | return this.each(function() { 97 | jQuery.dequeue( this, type ); 98 | }); 99 | }, 100 | // Based off of the plugin by Clint Helfers, with permission. 101 | // http://blindsignals.com/index.php/2009/07/jquery-delay/ 102 | delay: function( time, type ) { 103 | time = jQuery.fx ? jQuery.fx.speeds[ time ] || time : time; 104 | type = type || "fx"; 105 | 106 | return this.queue( type, function( next, hooks ) { 107 | var timeout = setTimeout( next, time ); 108 | hooks.stop = function() { 109 | clearTimeout( timeout ); 110 | }; 111 | }); 112 | }, 113 | clearQueue: function( type ) { 114 | return this.queue( type || "fx", [] ); 115 | }, 116 | // Get a promise resolved when queues of a certain type 117 | // are emptied (fx is the type by default) 118 | promise: function( type, obj ) { 119 | var tmp, 120 | count = 1, 121 | defer = jQuery.Deferred(), 122 | elements = this, 123 | i = this.length, 124 | resolve = function() { 125 | if ( !( --count ) ) { 126 | defer.resolveWith( elements, [ elements ] ); 127 | } 128 | }; 129 | 130 | if ( typeof type !== "string" ) { 131 | obj = type; 132 | type = undefined; 133 | } 134 | type = type || "fx"; 135 | 136 | while( i-- ) { 137 | tmp = jQuery._data( elements[ i ], type + "queueHooks" ); 138 | if ( tmp && tmp.empty ) { 139 | count++; 140 | tmp.empty.add( resolve ); 141 | } 142 | } 143 | resolve(); 144 | return defer.promise( obj ); 145 | } 146 | }); 147 | -------------------------------------------------------------------------------- /book/bower_components/jquery/src/serialize.js: -------------------------------------------------------------------------------- 1 | var r20 = /%20/g, 2 | rbracket = /\[\]$/, 3 | rCRLF = /\r?\n/g, 4 | rsubmitterTypes = /^(?:submit|button|image|reset|file)$/i, 5 | rsubmittable = /^(?:input|select|textarea|keygen)/i; 6 | 7 | jQuery.fn.extend({ 8 | serialize: function() { 9 | return jQuery.param( this.serializeArray() ); 10 | }, 11 | serializeArray: function() { 12 | return this.map(function(){ 13 | // Can add propHook for "elements" to filter or add form elements 14 | var elements = jQuery.prop( this, "elements" ); 15 | return elements ? jQuery.makeArray( elements ) : this; 16 | }) 17 | .filter(function(){ 18 | var type = this.type; 19 | // Use .is(":disabled") so that fieldset[disabled] works 20 | return this.name && !jQuery( this ).is( ":disabled" ) && 21 | rsubmittable.test( this.nodeName ) && !rsubmitterTypes.test( type ) && 22 | ( this.checked || !manipulation_rcheckableType.test( type ) ); 23 | }) 24 | .map(function( i, elem ){ 25 | var val = jQuery( this ).val(); 26 | 27 | return val == null ? 28 | null : 29 | jQuery.isArray( val ) ? 30 | jQuery.map( val, function( val ){ 31 | return { name: elem.name, value: val.replace( rCRLF, "\r\n" ) }; 32 | }) : 33 | { name: elem.name, value: val.replace( rCRLF, "\r\n" ) }; 34 | }).get(); 35 | } 36 | }); 37 | 38 | //Serialize an array of form elements or a set of 39 | //key/values into a query string 40 | jQuery.param = function( a, traditional ) { 41 | var prefix, 42 | s = [], 43 | add = function( key, value ) { 44 | // If value is a function, invoke it and return its value 45 | value = jQuery.isFunction( value ) ? value() : ( value == null ? "" : value ); 46 | s[ s.length ] = encodeURIComponent( key ) + "=" + encodeURIComponent( value ); 47 | }; 48 | 49 | // Set traditional to true for jQuery <= 1.3.2 behavior. 50 | if ( traditional === undefined ) { 51 | traditional = jQuery.ajaxSettings && jQuery.ajaxSettings.traditional; 52 | } 53 | 54 | // If an array was passed in, assume that it is an array of form elements. 55 | if ( jQuery.isArray( a ) || ( a.jquery && !jQuery.isPlainObject( a ) ) ) { 56 | // Serialize the form elements 57 | jQuery.each( a, function() { 58 | add( this.name, this.value ); 59 | }); 60 | 61 | } else { 62 | // If traditional, encode the "old" way (the way 1.3.2 or older 63 | // did it), otherwise encode params recursively. 64 | for ( prefix in a ) { 65 | buildParams( prefix, a[ prefix ], traditional, add ); 66 | } 67 | } 68 | 69 | // Return the resulting serialization 70 | return s.join( "&" ).replace( r20, "+" ); 71 | }; 72 | 73 | function buildParams( prefix, obj, traditional, add ) { 74 | var name; 75 | 76 | if ( jQuery.isArray( obj ) ) { 77 | // Serialize array item. 78 | jQuery.each( obj, function( i, v ) { 79 | if ( traditional || rbracket.test( prefix ) ) { 80 | // Treat each array item as a scalar. 81 | add( prefix, v ); 82 | 83 | } else { 84 | // Item is non-scalar (array or object), encode its numeric index. 85 | buildParams( prefix + "[" + ( typeof v === "object" ? i : "" ) + "]", v, traditional, add ); 86 | } 87 | }); 88 | 89 | } else if ( !traditional && jQuery.type( obj ) === "object" ) { 90 | // Serialize object item. 91 | for ( name in obj ) { 92 | buildParams( prefix + "[" + name + "]", obj[ name ], traditional, add ); 93 | } 94 | 95 | } else { 96 | // Serialize scalar item. 97 | add( prefix, obj ); 98 | } 99 | } 100 | -------------------------------------------------------------------------------- /book/bower_components/jquery/src/sizzle-jquery.js: -------------------------------------------------------------------------------- 1 | jQuery.find = Sizzle; 2 | jQuery.expr = Sizzle.selectors; 3 | jQuery.expr[":"] = jQuery.expr.pseudos; 4 | jQuery.unique = Sizzle.uniqueSort; 5 | jQuery.text = Sizzle.getText; 6 | jQuery.isXMLDoc = Sizzle.isXML; 7 | jQuery.contains = Sizzle.contains; 8 | -------------------------------------------------------------------------------- /book/bower_components/jquery/src/wrap.js: -------------------------------------------------------------------------------- 1 | jQuery.fn.extend({ 2 | wrapAll: function( html ) { 3 | if ( jQuery.isFunction( html ) ) { 4 | return this.each(function(i) { 5 | jQuery(this).wrapAll( html.call(this, i) ); 6 | }); 7 | } 8 | 9 | if ( this[0] ) { 10 | // The elements to wrap the target around 11 | var wrap = jQuery( html, this[0].ownerDocument ).eq(0).clone(true); 12 | 13 | if ( this[0].parentNode ) { 14 | wrap.insertBefore( this[0] ); 15 | } 16 | 17 | wrap.map(function() { 18 | var elem = this; 19 | 20 | while ( elem.firstChild && elem.firstChild.nodeType === 1 ) { 21 | elem = elem.firstChild; 22 | } 23 | 24 | return elem; 25 | }).append( this ); 26 | } 27 | 28 | return this; 29 | }, 30 | 31 | wrapInner: function( html ) { 32 | if ( jQuery.isFunction( html ) ) { 33 | return this.each(function(i) { 34 | jQuery(this).wrapInner( html.call(this, i) ); 35 | }); 36 | } 37 | 38 | return this.each(function() { 39 | var self = jQuery( this ), 40 | contents = self.contents(); 41 | 42 | if ( contents.length ) { 43 | contents.wrapAll( html ); 44 | 45 | } else { 46 | self.append( html ); 47 | } 48 | }); 49 | }, 50 | 51 | wrap: function( html ) { 52 | var isFunction = jQuery.isFunction( html ); 53 | 54 | return this.each(function(i) { 55 | jQuery( this ).wrapAll( isFunction ? html.call(this, i) : html ); 56 | }); 57 | }, 58 | 59 | unwrap: function() { 60 | return this.parent().each(function() { 61 | if ( !jQuery.nodeName( this, "body" ) ) { 62 | jQuery( this ).replaceWith( this.childNodes ); 63 | } 64 | }).end(); 65 | } 66 | }); 67 | -------------------------------------------------------------------------------- /book/bower_components/jquery/test/.jshintignore: -------------------------------------------------------------------------------- 1 | qunit/ 2 | data/badjson.js 3 | data/jquery-1.9.1.ajax_xhr.min.js 4 | -------------------------------------------------------------------------------- /book/bower_components/jquery/test/.jshintrc: -------------------------------------------------------------------------------- 1 | { 2 | "boss": true, 3 | "curly": true, 4 | "eqeqeq": true, 5 | "eqnull": true, 6 | "expr": true, 7 | "immed": true, 8 | "noarg": true, 9 | "onevar": true, 10 | "quotmark": "double", 11 | "smarttabs": true, 12 | "trailing": true, 13 | "undef": true, 14 | "unused": true, 15 | 16 | "evil": true, 17 | "sub": true, 18 | 19 | "browser": true, 20 | "devel": true, 21 | "wsh": true, 22 | 23 | "predef": [ 24 | "DOMParser", 25 | "jQuery", 26 | "QUnit", 27 | "module", 28 | "ok", 29 | "equal", 30 | "test", 31 | "asyncTest", 32 | "notEqual", 33 | "deepEqual", 34 | "strictEqual", 35 | "notStrictEqual", 36 | "start", 37 | "stop", 38 | "expect", 39 | "raises", 40 | "ajaxTest", 41 | "testIframe", 42 | "testIframeWithCallback", 43 | "createDashboardXML", 44 | "createXMLFragment", 45 | "moduleTeardown", 46 | "testFoo", 47 | "url", 48 | "t", 49 | "q", 50 | "amdDefined", 51 | "fireNative", 52 | "Globals", 53 | "hasPHP", 54 | "isLocal", 55 | "originaljQuery", 56 | "$", 57 | "original$", 58 | "externalHost" 59 | ] 60 | } 61 | -------------------------------------------------------------------------------- /book/bower_components/jquery/test/data/1x1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/addyosmani/essential-js-design-patterns/21346c134aa953ba469782372c90e42c36a1f083/book/bower_components/jquery/test/data/1x1.jpg -------------------------------------------------------------------------------- /book/bower_components/jquery/test/data/ajax/unreleasedXHR.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 |
14 |
15 |
16 |
17 |
18 |
--------------------------------------------------------------------------------
/book/bower_components/jquery/test/data/dimensions/documentSmall.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
15 |
16 |
17 |
18 |
19 |
20 |
21 |
22 |
--------------------------------------------------------------------------------
/book/bower_components/jquery/test/data/echoData.php:
--------------------------------------------------------------------------------
1 |
2 |
--------------------------------------------------------------------------------
/book/bower_components/jquery/test/data/echoQuery.php:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/book/bower_components/jquery/test/data/errorWithJSON.php:
--------------------------------------------------------------------------------
1 |
22 |
--------------------------------------------------------------------------------
/book/bower_components/jquery/test/data/evalScript.php:
--------------------------------------------------------------------------------
1 | ok( "" === "GET", "request method is " );
--------------------------------------------------------------------------------
/book/bower_components/jquery/test/data/event/focusElem.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 | span text
7 |
8 |
9 |
--------------------------------------------------------------------------------
/book/bower_components/jquery/test/data/json.php:
--------------------------------------------------------------------------------
1 |
14 |
--------------------------------------------------------------------------------
/book/bower_components/jquery/test/data/json_obj.js:
--------------------------------------------------------------------------------
1 | { "data": {"lang": "en", "length": 25} }
2 |
--------------------------------------------------------------------------------
/book/bower_components/jquery/test/data/jsonp.php:
--------------------------------------------------------------------------------
1 |
15 |
--------------------------------------------------------------------------------
/book/bower_components/jquery/test/data/manipulation/iframe-denied.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 | absolute-1
32 |
36 | absolute-1-1
33 |
35 | absolute-1-1-1
34 | absolute-2
37 | Has absolute position but no values set for the location ('auto').
38 |
39 | Click the white box to move the marker to it. Clicking the box also changes the position to absolute (if not already) and sets the position according to the position method.
40 | 41 | 42 | -------------------------------------------------------------------------------- /book/bower_components/jquery/test/data/offset/body.html: -------------------------------------------------------------------------------- 1 | 3 | 4 | 5 | 6 |Click the white box to move the marker to it.
33 | 34 | 35 | -------------------------------------------------------------------------------- /book/bower_components/jquery/test/data/offset/relative.html: -------------------------------------------------------------------------------- 1 | 3 | 4 | 5 | 6 |Click the white box to move the marker to it. Clicking the box also changes the position to absolute (if not already) and sets the position according to the position method.
30 | 31 | 32 | -------------------------------------------------------------------------------- /book/bower_components/jquery/test/data/offset/scroll.html: -------------------------------------------------------------------------------- 1 | 3 | 4 | 5 | 6 |
31 |
35 |
36 |
37 |
32 |
33 |
34 | Click the white box to move the marker to it.
38 | 39 | 40 | -------------------------------------------------------------------------------- /book/bower_components/jquery/test/data/offset/static.html: -------------------------------------------------------------------------------- 1 | 3 | 4 | 5 | 6 |Click the white box to move the marker to it. Clicking the box also changes the position to absolute (if not already) and sets the position according to the position method.
30 | 31 | 32 | -------------------------------------------------------------------------------- /book/bower_components/jquery/test/data/offset/table.html: -------------------------------------------------------------------------------- 1 | 3 | 4 | 5 | 6 || th-1 | 28 |th-2 | 29 |th-3 | 30 |
|---|---|---|
| td-1 | 35 |td-2 | 36 |td-3 | 37 |
Click the white box to move the marker to it.
42 | 43 | 44 | -------------------------------------------------------------------------------- /book/bower_components/jquery/test/data/params_html.php: -------------------------------------------------------------------------------- 1 |
2 | $value )
4 | echo "$value";
5 | ?>
6 |
7 |
8 | $value )
10 | echo "$value";
11 | ?>
12 |
--------------------------------------------------------------------------------
/book/bower_components/jquery/test/data/readywaitasset.js:
--------------------------------------------------------------------------------
1 | var delayedMessage = "It worked!";
2 |
--------------------------------------------------------------------------------
/book/bower_components/jquery/test/data/readywaitloader.js:
--------------------------------------------------------------------------------
1 | // Simple script loader that uses jQuery.readyWait via jQuery.holdReady()
2 |
3 | //Hold on jQuery!
4 | jQuery.holdReady(true);
5 |
6 | var readyRegExp = /^(complete|loaded)$/;
7 |
8 | function assetLoaded( evt ){
9 | var node = evt.currentTarget || evt.srcElement;
10 | if ( evt.type === "load" || readyRegExp.test(node.readyState) ) {
11 | jQuery.holdReady(false);
12 | }
13 | }
14 |
15 | setTimeout( function() {
16 | var script = document.createElement("script");
17 | script.type = "text/javascript";
18 | if ( script.addEventListener ) {
19 | script.addEventListener( "load", assetLoaded, false );
20 | } else {
21 | script.attachEvent( "onreadystatechange", assetLoaded );
22 | }
23 | script.src = "data/readywaitasset.js";
24 | document.getElementsByTagName("head")[0].appendChild(script);
25 | }, 2000 );
26 |
--------------------------------------------------------------------------------
/book/bower_components/jquery/test/data/script.php:
--------------------------------------------------------------------------------
1 |
11 | ok( true, "Script executed correctly." );
12 |
--------------------------------------------------------------------------------
/book/bower_components/jquery/test/data/selector/html5_selector.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 | 26 | 27 | 40 | 41 |
61 |
62 |
69 |
73 |
74 |
76 |
77 |
82 |
83 |
88 |
89 |
93 |
94 |
100 |
101 | My name is Elizabeth.
72 |-
103 |
- Term
- This is the first definition in compact format. 104 |
- Term
- This is the second definition in compact format. 105 |
18 | Worlds collide
19 |
20 |
21 |
22 |
--------------------------------------------------------------------------------
/book/bower_components/jquery/test/data/statusText.php:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/book/bower_components/jquery/test/data/support/bodyBackground.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
17 |
18 |
19 |
20 |
21 |
22 |
27 |
28 |
29 |
--------------------------------------------------------------------------------
/book/bower_components/jquery/test/data/support/boxSizing.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
10 |
11 |
12 |
13 |
18 |
19 |
20 |
--------------------------------------------------------------------------------
/book/bower_components/jquery/test/data/support/csp.js:
--------------------------------------------------------------------------------
1 | jQuery(function() {
2 | parent.iframeCallback( jQuery.support );
3 | });
4 |
--------------------------------------------------------------------------------
/book/bower_components/jquery/test/data/support/csp.php:
--------------------------------------------------------------------------------
1 |
11 |
12 |
13 |
14 |
15 | CSP Test Page
21 | 22 | 23 | -------------------------------------------------------------------------------- /book/bower_components/jquery/test/data/support/shrinkWrapBlocks.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 12 | 13 | 14 |
15 |
16 |
17 |
22 |
23 |
24 |
--------------------------------------------------------------------------------
/book/bower_components/jquery/test/data/support/testElementCrash.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
10 |
11 |
12 |
13 |
16 |
17 |
18 |
--------------------------------------------------------------------------------
/book/bower_components/jquery/test/data/test.html:
--------------------------------------------------------------------------------
1 | html text2 | 6 | 7 | blabla 8 | -------------------------------------------------------------------------------- /book/bower_components/jquery/test/data/test.js: -------------------------------------------------------------------------------- 1 | this.testBar = "bar"; 2 | jQuery("#ap").html("bar"); 3 | ok( true, "test.js executed"); 4 | -------------------------------------------------------------------------------- /book/bower_components/jquery/test/data/test.php: -------------------------------------------------------------------------------- 1 | html text
2 | 6 | 7 | blabla -------------------------------------------------------------------------------- /book/bower_components/jquery/test/data/test2.html: -------------------------------------------------------------------------------- 1 | 6 | -------------------------------------------------------------------------------- /book/bower_components/jquery/test/data/test3.html: -------------------------------------------------------------------------------- 1 |
This is a user
2 | This is a user
3 | This is a teacher
4 |
--------------------------------------------------------------------------------
/book/bower_components/jquery/test/data/testsuite.css:
--------------------------------------------------------------------------------
1 | /* for testing opacity set in styles in IE */
2 | ol#empty {
3 | opacity: 0;
4 | filter:Alpha(opacity=0) progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffff0000', EndColorStr='#ffffffff');
5 | }
6 |
7 | div#fx-tests h4 {
8 | background: red;
9 | }
10 |
11 | div#fx-tests h4.pass {
12 | background: green;
13 | }
14 |
15 | div#fx-tests div.box {
16 | background: red;
17 | overflow: hidden;
18 | border: 2px solid #000;
19 | }
20 |
21 | div#fx-tests div.overflow {
22 | overflow: visible;
23 | }
24 |
25 | div.inline {
26 | display: inline;
27 | }
28 |
29 | div.autoheight {
30 | height: auto;
31 | }
32 |
33 | div.autowidth {
34 | width: auto;
35 | }
36 |
37 | div.autoopacity {
38 | opacity: auto;
39 | }
40 |
41 | div.largewidth {
42 | width: 100px;
43 | }
44 |
45 | div.largeheight {
46 | height: 100px;
47 | }
48 |
49 | div.largeopacity {
50 | filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
51 | }
52 |
53 | div.medwidth {
54 | width: 50px;
55 | }
56 |
57 | div.medheight {
58 | height: 50px;
59 | }
60 |
61 | div.medopacity {
62 | opacity: 0.5;
63 | filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
64 | }
65 |
66 | div.nowidth {
67 | width: 0px;
68 | }
69 |
70 | div.noheight {
71 | height: 0px;
72 | }
73 |
74 | div.noopacity {
75 | opacity: 0;
76 | filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
77 | }
78 |
79 | div.hidden {
80 | display: none;
81 | }
82 |
83 | div#fx-tests div.widewidth {
84 | background-repeat: repeat-x;
85 | }
86 |
87 | div#fx-tests div.wideheight {
88 | background-repeat: repeat-y;
89 | }
90 |
91 | div#fx-tests div.widewidth.wideheight {
92 | background-repeat: repeat;
93 | }
94 |
95 | div#fx-tests div.noback {
96 | background-image: none;
97 | }
98 |
99 | .chain-test,
100 | .chain-test div {
101 | width: 100px;
102 | height: 20px;
103 | position: relative;
104 | float: left;
105 | }
106 | .chain-test div {
107 | position: absolute;
108 | top: 0;
109 | left: 0;
110 | }
111 |
112 | .chain-test {
113 | background: red;
114 | }
115 | .chain-test div {
116 | background: green;
117 | }
118 |
119 | .chain-test-out {
120 | background: green;
121 | }
122 | .chain-test-out div {
123 | background: red;
124 | display: none;
125 | }
126 |
127 | /* tests to ensure jQuery can determine the native display mode of elements
128 | that have been set as display: none in stylesheets */
129 | div#show-tests * { display: none; }
130 |
131 | #nothiddendiv { font-size: 16px; }
132 | #nothiddendivchild.em { font-size: 2em; }
133 | #nothiddendivchild.prct { font-size: 150%; }
134 |
135 | /* For testing type on vml in IE #7071 */
136 | v\:oval { behavior:url(#default#VML); display:inline-block; }
137 |
138 | /* 8099 changes to default styles are read correctly */
139 | tt { display: none; }
140 | sup { display: none; }
141 | dfn { display: none; }
142 |
143 | /* #9239 Attach a background to the body( avoid crashes in removing the test element in support ) */
144 | body, div { background: url(http://static.jquery.com/files/rocker/images/logo_jquery_215x53.gif) no-repeat -1000px 0; }
145 |
146 | /* #6652 REMOVE FILTER:ALPHA(OPACITY=100) AFTER ANIMATION */
147 | #t6652 div { filter: alpha(opacity=50); }
148 |
149 | /* #10501 */
150 | section { background:#f0f; display:block; }
151 |
152 | /* #11971 */
153 | #foo { background: url(1x1.jpg) right bottom no-repeat; }
154 |
155 | #display { display: list-item !important; }
156 |
--------------------------------------------------------------------------------
/book/bower_components/jquery/test/data/text.php:
--------------------------------------------------------------------------------
1 | Lorem ipsum dolor sit amet
2 | consectetuer adipiscing elit
3 | Sed lorem leo
4 | lorem leo consectetuer adipiscing elit
5 | Sed lorem leo
6 | rhoncus sit amet
7 | elementum at
8 | bibendum at, eros
9 | Cras at mi et tortor egestas vestibulum
10 | sed Cras at mi vestibulum
11 | Phasellus sed felis sit amet
12 | orci dapibus semper.
13 |
--------------------------------------------------------------------------------
/book/bower_components/jquery/test/data/with_fries.xml:
--------------------------------------------------------------------------------
1 |
2 | Hover (mouse{over,out,enter,leave}) Tests
35 |Be sure to try moving the mouse out of the browser via the left side on each test.
36 |
37 |
38 |
95 |
96 |
157 |
158 |
159 |
--------------------------------------------------------------------------------
/book/bower_components/jquery/test/jquery.js:
--------------------------------------------------------------------------------
1 | // Use the right jQuery source in iframe tests
2 | document.write( "
8 |
12 |
13 |
14 |
39 |
47 |
40 |
41 | .hover() in/out: 0 / 0
42 |
43 |
44 | Mouse over here should NOT trigger the counter.
45 |
46 |
48 |
56 |
49 |
50 | Live enter/leave: 0 / 0
51 |
52 |
53 | Mouse over here should NOT trigger the counter.
54 |
55 |
57 |
65 |
66 |
58 |
59 | Delegated enter/leave: 0 / 0
60 |
61 |
62 | Mouse over here should NOT trigger the counter.
63 |
64 |
67 |
75 |
68 |
69 | Bind over/out: 0 / 0
70 |
71 |
72 | Mouse over here SHOULD trigger the counter.
73 |
74 |
76 |
84 |
77 |
78 | Live over/out: 0 / 0
79 |
80 |
81 | Mouse over here SHOULD trigger the counter.
82 |
83 |
85 |
93 |
94 |
86 |
87 | Delegated over/out: 0 / 0
88 |
89 |
90 | Mouse over here SHOULD trigger the counter.
91 |
92 | jQuery Local File Test
15 |16 | Introduction 17 |
18 |-
19 |
- 20 | Access this file using the "file:" protocol, 21 | 22 |
- 23 | two green "OK" strings must appear below, 24 | 25 |
- 26 | Empty local files will issue errors, it's a known limitation. 27 | 28 |
30 | Results 31 |
32 |-
33 |
- 34 | Success: 35 | 36 | 37 | 38 |
- 39 | Error: 40 | 41 | 42 | 43 |
45 | Logs: 46 |
47 |-
48 |
39 | jQuery Network Error Test for Firefox 40 |
41 |
42 | This is a test page for
43 |
44 | #8135
45 |
46 | which was reported in Firefox when accessing properties
47 | of an XMLHttpRequest object after a network error occurred.
48 |
49 | Take the following steps:
50 | -
51 |
- 52 | make sure you accessed this page through a web server, 53 | 54 |
- 55 | stop the web server, 56 | 57 |
- 58 | open the console, 59 | 60 |
- 61 | click this 62 | 63 | , 64 | 65 |
- 66 | wait for both requests to fail. 67 | 68 |
70 | Test passes if you get two log lines:
71 |
80 | -
72 |
- 73 | the first starting with "abort", 74 | 75 |
- 76 | the second starting with "complete", 77 | 78 |
81 | Test fails if the browser notifies an exception.
82 |
83 |
84 |
85 |
--------------------------------------------------------------------------------
/book/bower_components/jquery/test/readywait.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
8 |
9 | 37 | jQuery.holdReady Test 38 |
39 |40 | This is a test page for jQuery.readyWait and jQuery.holdReady, 41 | see 42 | #6781 43 | and 44 | #8803. 45 |
46 |47 | Test for jQuery.holdReady, which can be used 48 | by plugins and other scripts to indicate something 49 | important to the page is still loading and needs 50 | to block the DOM ready callbacks that are registered 51 | with jQuery. 52 |
53 |54 | Script loaders are the most likely kind of script 55 | to use jQuery.holdReady, but it could be used by 56 | other things like a script that loads a CSS file 57 | and wants to pause the DOM ready callbacks. 58 |
59 |60 | Expected Result: The text 61 | It Worked! 62 | appears below after about 2 seconds. 63 |
64 |65 | If there is an error in the console, 66 | or the text does not show up, then the test failed. 67 |
68 | 69 | 70 | 71 | -------------------------------------------------------------------------------- /book/bower_components/jquery/test/unit/deprecated.js: -------------------------------------------------------------------------------- 1 | module("deprecated", { teardown: moduleTeardown }); 2 | 3 | if ( jQuery.fn.size ) { 4 | test("size()", function() { 5 | expect(1); 6 | equal( jQuery("#qunit-fixture p").size(), 6, "Get Number of Elements Found" ); 7 | }); 8 | } 9 | -------------------------------------------------------------------------------- /book/bower_components/jquery/test/unit/exports.js: -------------------------------------------------------------------------------- 1 | module("exports", { teardown: moduleTeardown }); 2 | 3 | test("amdModule", function() { 4 | expect(1); 5 | 6 | equal( jQuery, amdDefined, "Make sure defined module matches jQuery" ); 7 | }); 8 | -------------------------------------------------------------------------------- /book/bower_components/jquery/test/xhtml.php: -------------------------------------------------------------------------------- 1 | 6 | -------------------------------------------------------------------------------- /book/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/addyosmani/essential-js-design-patterns/21346c134aa953ba469782372c90e42c36a1f083/book/favicon.ico -------------------------------------------------------------------------------- /book/images/base.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/addyosmani/essential-js-design-patterns/21346c134aa953ba469782372c90e42c36a1f083/book/images/base.png -------------------------------------------------------------------------------- /book/images/ns1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/addyosmani/essential-js-design-patterns/21346c134aa953ba469782372c90e42c36a1f083/book/images/ns1.png -------------------------------------------------------------------------------- /book/img/base.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/addyosmani/essential-js-design-patterns/21346c134aa953ba469782372c90e42c36a1f083/book/img/base.png -------------------------------------------------------------------------------- /book/img/ns1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/addyosmani/essential-js-design-patterns/21346c134aa953ba469782372c90e42c36a1f083/book/img/ns1.png -------------------------------------------------------------------------------- /book/metadata.xml: -------------------------------------------------------------------------------- 1 |{{caption}}
87 |<%= caption %>
96 |{{caption}}
88 |<%= caption %>
97 |
25 | You have a really long name!
26 |
27 | Contact name:
28 | 29 | //********************** Snippet 3 **********************// 30 |
31 |
32 |
36 |
37 |
38 |
39 |
40 |
41 |
57 |
58 |
59 |
60 |
61 | //*******************************************************//
62 | // ViewModel
63 | //*******************************************************//
64 |
65 | //********************** Snippet 1 **********************//
66 | // our main ViewModel
67 | var ViewModel = function ( todos ) {
68 | var self = this;
69 |
70 | // map array of passed in todos to an observableArray of Todo objects
71 | self.todos = ko.observableArray(
72 | ko.utils.arrayMap( todos, function ( todo ) {
73 | return new Todo( todo.content, todo.done );
74 | }));
75 |
76 | // store the new todo value being entered
77 | self.current = ko.observable();
78 |
79 | // add a new todo, when enter key is pressed
80 | self.add = function ( data, event ) {
81 | var newTodo, current = self.current().trim();
82 | if ( current ) {
83 | newTodo = new Todo( current );
84 | self.todos.push( newTodo );
85 | self.current("");
86 | }
87 | };
88 |
89 | // remove a single todo
90 | self.remove = function ( todo ) {
91 | self.todos.remove( todo );
92 | };
93 |
94 | // remove all completed todos
95 | self.removeCompleted = function () {
96 | self.todos.remove(function (todo) {
97 | return todo.done();
98 | });
99 | };
100 |
101 | // writeable computed observable to handle marking all complete/incomplete
102 | self.allCompleted = ko.computed({
103 |
104 | // always return true/false based on the done flag of all todos
105 | read:function () {
106 | return !self.remainingCount();
107 | },
108 |
109 | // set all todos to the written value (true/false)
110 | write:function ( newValue ) {
111 | ko.utils.arrayForEach( self.todos(), function ( todo ) {
112 | //set even if value is the same, as subscribers are not notified in that case
113 | todo.done( newValue );
114 | });
115 | }
116 | });
117 |
118 | // edit an item
119 | self.editItem = function( item ) {
120 | item.editing( true );
121 | };
122 | ..
123 |
124 | //********************** Snippet 2 **********************//
125 | // Define an initially an empty array
126 | var myObservableArray = ko.observableArray();
127 |
128 | // Add a value to the array and notify our observers
129 | myObservableArray.push( 'A new todo item' );
130 |
--------------------------------------------------------------------------------
/book/snippets/03-Modern-Modular-JavaScript-Design-Patterns/19-CommonJS.es2015.js:
--------------------------------------------------------------------------------
1 | //*******************************************************//
2 | // Getting Started
3 | //*******************************************************//
4 | // [ES2015+] We used new keyword const for immutable constant declaration
5 | // [ES2015+] We used new arrow function syntax
6 |
7 | //********************** Snippet 1 **********************//
8 | // package/lib is a dependency we require
9 | const lib = require('package/lib');
10 |
11 | // behaviour for our module
12 | const foo = () => {
13 | lib.log('hello world!');
14 | };
15 |
16 | // export (expose) foo to other modules
17 | exports.foo = foo;
18 |
19 | //********************** Snippet 2 **********************//
20 | // [ES2015+] Below we used new class declaration, using keyword class
21 | // [ES2015+] We used new constructor method and method declaration
22 | // [ES2015+] Classes are syntactic sugar over JavaScript's prototype-based inheritance
23 |
24 | // define more behaviour we would like to expose
25 | class Foobar {
26 | constructor() {
27 | this.foo = function() {
28 | console.log('Hello foo');
29 | };
30 |
31 | this.bar = function() {
32 | console.log('Hello bar');
33 | };
34 | }
35 | }
36 |
37 | // expose foobar to other modules
38 | exports.Foobar = Foobar;
39 |
40 | // an application consuming "foobar"
41 |
42 | // access the module relative to the path
43 | // where both usage and module files exist
44 | // in the same directory
45 |
46 | const Foobar = require('./foobar').Foobar;
47 | const test = new Foobar();
48 |
49 | // Outputs: "Hello bar"
50 | test.bar();
51 |
52 | //********************** Snippet 3 **********************//
53 | define(function(require) {
54 | var lib = require('package/lib');
55 |
56 | // some behaviour for our module
57 | function foo() {
58 | lib.log('hello world!');
59 | }
60 |
61 | // export (expose) foo for other modules
62 | return {
63 | foobar: foo,
64 | };
65 | });
66 |
67 | //********************** Snippet 4 **********************//
68 |
69 | const modA = require('./foo');
70 | const modB = require('./bar');
71 |
72 | exports.app = () => {
73 | console.log('Im an application!');
74 | };
75 |
76 | // [ES2015+] Equivalent to: => { return modA.helloWorld(); }
77 | exports.foo = () => modA.helloWorld();
78 |
79 | //********************** Snippet 5 **********************//
80 | exports.name = 'bar';
81 |
82 | //********************** Snippet 6 **********************//
83 | require('./bar');
84 | // [ES2015+] Equivalent to: => { return "Hello World!!"; }
85 | exports.helloWorld = () => 'Hello World!!';
86 |
--------------------------------------------------------------------------------
/book/snippets/03-Modern-Modular-JavaScript-Design-Patterns/19-CommonJS.es5.js:
--------------------------------------------------------------------------------
1 | //*******************************************************//
2 | // Getting Started
3 | //*******************************************************//
4 |
5 | //********************** Snippet 1 **********************//
6 | // package/lib is a dependency we require
7 | var lib = require( "package/lib" );
8 |
9 | // behaviour for our module
10 | function foo(){
11 | lib.log( "hello world!" );
12 | }
13 |
14 | // export (expose) foo to other modules
15 | exports.foo = foo;
16 |
17 | //********************** Snippet 2 **********************//
18 | // define more behaviour we would like to expose
19 | function foobar(){
20 | this.foo = function(){
21 | console.log( "Hello foo" );
22 | }
23 |
24 | this.bar = function(){
25 | console.log( "Hello bar" );
26 | }
27 | }
28 |
29 | // expose foobar to other modules
30 | exports.foobar = foobar;
31 |
32 | // an application consuming "foobar"
33 |
34 | // access the module relative to the path
35 | // where both usage and module files exist
36 | // in the same directory
37 |
38 | var foobar = require("./foobar").foobar,
39 | test = new foobar();
40 |
41 | // Outputs: "Hello bar"
42 | test.bar();
43 |
44 | //********************** Snippet 3 **********************//
45 | define(function(require){
46 | var lib = require( "package/lib" );
47 |
48 | // some behaviour for our module
49 | function foo(){
50 | lib.log( "hello world!" );
51 | }
52 |
53 | // export (expose) foo for other modules
54 | return {
55 | foobar: foo
56 | };
57 | });
58 |
59 | //********************** Snippet 4 **********************//
60 | var modA = require( "./foo" );
61 | var modB = require( "./bar" );
62 |
63 | exports.app = function(){
64 | console.log( "Im an application!" );
65 | }
66 |
67 | exports.foo = function(){
68 | return modA.helloWorld();
69 | }
70 |
71 | //********************** Snippet 5 **********************//
72 | exports.name = "bar";
73 |
74 | //********************** Snippet 6 **********************//
75 | require( "./bar" );
76 | exports.helloWorld = function(){
77 | return "Hello World!!"
78 | }
79 |
--------------------------------------------------------------------------------
/book/snippets/03-Modern-Modular-JavaScript-Design-Patterns/21-ES-harmony.es5-no-changes.js:
--------------------------------------------------------------------------------
1 | //*******************************************************//
2 | // Modules With Imports And Exports
3 | //*******************************************************//
4 |
5 | //********************** Snippet 1 **********************//
6 | module staff{
7 | // specify (public) exports that can be consumed by
8 | // other modules
9 | export var baker = {
10 | bake: function( item ){
11 | console.log( "Woo! I just baked " + item );
12 | }
13 | }
14 | }
15 |
16 | module skills{
17 | export var specialty = "baking";
18 | export var experience = "5 years";
19 | }
20 |
21 | module cakeFactory{
22 |
23 | // specify dependencies
24 | import baker from staff;
25 |
26 | // import everything with wildcards
27 | import * from skills;
28 |
29 | export var oven = {
30 | makeCupcake: function( toppings ){
31 | baker.bake( "cupcake", toppings );
32 | },
33 | makeMuffin: function( mSize ){
34 | baker.bake( "muffin", size );
35 | }
36 | }
37 | }
38 |
39 |
40 | //*******************************************************//
41 | // Modules Loaded From Remote Sources
42 | //*******************************************************//
43 |
44 | //********************** Snippet 1 **********************//
45 | module cakeFactory from "http://addyosmani.com/factory/cakes.js";
46 | cakeFactory.oven.makeCupcake( "sprinkles" );
47 | cakeFactory.oven.makeMuffin( "large" );
48 |
49 |
50 | //*******************************************************//
51 | // Module Loader API
52 | //*******************************************************//
53 |
54 | //********************** Snippet 1 **********************//
55 | Loader.load( "http://addyosmani.com/factory/cakes.js",
56 | function( cakeFactory ){
57 | cakeFactory.oven.makeCupcake( "chocolate" );
58 | });
59 |
60 |
61 | //*******************************************************//
62 | // CommonJS-like Modules For The Server
63 | //*******************************************************//
64 |
65 | //********************** Snippet 1 **********************//
66 | // io/File.js
67 | export function open( path ) { ... };
68 | export function close( hnd ) { ... };
69 |
70 | //********************** Snippet 2 **********************//
71 | // compiler/LexicalHandler.js
72 | module file from "io/File";
73 |
74 | import { open, close } from file;
75 | export function scan( in ) {
76 | try {
77 | var h = open( in ) ...
78 | }
79 | finally { close( h ) }
80 | }
81 |
82 | //********************** Snippet 3 **********************//
83 | module lexer from "compiler/LexicalHandler";
84 | module stdlib from "@std";
85 |
86 | //... scan(cmdline[0]) ...
87 |
88 |
89 | //*******************************************************//
90 | // Classes With Constructors, Getters & Setters
91 | //*******************************************************//
92 |
93 | //********************** Snippet 1 **********************//
94 | class Cake{
95 |
96 | // We can define the body of a class" constructor
97 | // function by using the keyword "constructor" followed
98 | // by an argument list of public and private declarations.
99 | constructor( name, toppings, price, cakeSize ){
100 | public name = name;
101 | public cakeSize = cakeSize;
102 | public toppings = toppings;
103 | private price = price;
104 |
105 | }
106 |
107 | // As a part of ES.next's efforts to decrease the unnecessary
108 | // use of "function" for everything, you'll notice that it's
109 | // dropped for cases such as the following. Here an identifier
110 | // followed by an argument list and a body defines a new method
111 |
112 | addTopping( topping ){
113 | public( this ).toppings.push( topping );
114 | }
115 |
116 | // Getters can be defined by declaring get before
117 | // an identifier/method name and a curly body.
118 | get allToppings(){
119 | return public( this ).toppings;
120 | }
121 |
122 | get qualifiesForDiscount(){
123 | return private( this ).price > 5;
124 | }
125 |
126 | // Similar to getters, setters can be defined by using
127 | // the "set" keyword before an identifier
128 | set cakeSize( cSize ){
129 | if( cSize < 0 ){
130 | throw new Error( "Cake must be a valid size -
131 | either small, medium or large" );
132 | }
133 | public( this ).cakeSize = cSize;
134 | }
135 |
136 |
137 | }
138 |
--------------------------------------------------------------------------------
/book/snippets/04-Design-Patterns-In-jQuery/22-the-composite-pattern.es5-no-changes.js:
--------------------------------------------------------------------------------
1 | //********************** Snippet 1 **********************//
2 |
3 | // Single elements
4 | $( "#singleItem" ).addClass( "active" );
5 | $( "#container" ).addClass( "active" );
6 |
7 | // Collections of elements
8 | $( "div" ).addClass( "active" );
9 | $( ".item" ).addClass( "active" );
10 | $( "input" ).addClass( "active" );
11 |
12 | //********************** Snippet 2 **********************//
13 | addClass: function( value ) {
14 | var classNames, i, l, elem,
15 | setClass, c, cl;
16 |
17 | if ( jQuery.isFunction( value ) ) {
18 | return this.each(function( j ) {
19 | jQuery( this ).addClass( value.call(this, j, this.className) );
20 | });
21 | }
22 |
23 | if ( value && typeof value === "string" ) {
24 | classNames = value.split( rspace );
25 |
26 | for ( i = 0, l = this.length; i < l; i++ ) {
27 | elem = this[ i ];
28 |
29 | if ( elem.nodeType === 1 ) {
30 | if ( !elem.className && classNames.length === 1 ) {
31 | elem.className = value;
32 |
33 | } else {
34 | setClass = " " + elem.className + " ";
35 |
36 | for ( c = 0, cl = classNames.length; c < cl; c++ ) {
37 | if ( !~setClass.indexOf( " " + classNames[ c ] + " " ) ) {
38 | setClass += classNames[ c ] + " ";
39 | }
40 | }
41 | elem.className = jQuery.trim( setClass );
42 | }
43 | }
44 | }
45 | }
46 |
47 | return this;
48 | }
49 |
--------------------------------------------------------------------------------
/book/snippets/04-Design-Patterns-In-jQuery/23-the-adapter-pattern.es5-no-changes.js:
--------------------------------------------------------------------------------
1 | //********************** Snippet 1 **********************//
2 | // Cross browser opacity:
3 | // opacity: 0.9; Chrome 4+, FF2+, Saf3.1+, Opera 9+, IE9, iOS 3.2+, Android 2.1+
4 | // filter: alpha(opacity=90); IE6-IE8
5 |
6 | // Setting opacity
7 | $( ".container" ).css( { opacity: .5 } );
8 |
9 | // Getting opacity
10 | var currentOpacity = $( ".container" ).css('opacity');
11 |
12 |
13 | //********************** Snippet 2 **********************//
14 | get: function( elem, computed ) {
15 | // IE uses filters for opacity
16 | return ropacity.test( (
17 | computed && elem.currentStyle ?
18 | elem.currentStyle.filter : elem.style.filter) || "" ) ?
19 | ( parseFloat( RegExp.$1 ) / 100 ) + "" :
20 | computed ? "1" : "";
21 | },
22 |
23 | set: function( elem, value ) {
24 | var style = elem.style,
25 | currentStyle = elem.currentStyle,
26 | opacity = jQuery.isNumeric( value ) ?
27 | "alpha(opacity=" + value * 100 + ")" : "",
28 | filter = currentStyle && currentStyle.filter || style.filter || "";
29 |
30 | // IE has trouble with opacity if it does not have layout
31 | // Force it by setting the zoom level
32 | style.zoom = 1;
33 |
34 | // if setting opacity to 1, and no other filters
35 | //exist - attempt to remove filter attribute #6652
36 | if ( value >= 1 && jQuery.trim( filter.replace( ralpha, "" ) ) === "" ) {
37 |
38 | // Setting style.filter to null, "" & " " still leave
39 | // "filter:" in the cssText if "filter:" is present at all,
40 | // clearType is disabled, we want to avoid this style.removeAttribute
41 | // is IE Only, but so apparently is this code path...
42 | style.removeAttribute( "filter" );
43 |
44 | // if there there is no filter style applied in a css rule, we are done
45 | if ( currentStyle && !currentStyle.filter ) {
46 | return;
47 | }
48 | }
49 |
50 | // otherwise, set new filter values
51 | style.filter = ralpha.test( filter ) ?
52 | filter.replace( ralpha, opacity ) :
53 | filter + " " + opacity;
54 | }
55 | };
56 |
--------------------------------------------------------------------------------
/book/snippets/04-Design-Patterns-In-jQuery/24-the-facade-pattern.es5-no-changes.js:
--------------------------------------------------------------------------------
1 | //********************** Snippet 1 **********************//
2 | $.get( url, data, callback, dataType );
3 | $.post( url, data, callback, dataType );
4 | $.getJSON( url, data, callback );
5 | $.getScript( url, callback );
6 |
7 | //********************** Snippet 2 **********************//
8 | // $.get()
9 | $.ajax({
10 | url: url,
11 | data: data,
12 | dataType: dataType
13 | }).done( callback );
14 |
15 | // $.post
16 | $.ajax({
17 | type: "POST",
18 | url: url,
19 | data: data,
20 | dataType: dataType
21 | }).done( callback );
22 |
23 | // $.getJSON()
24 | $.ajax({
25 | url: url,
26 | dataType: "json",
27 | data: data,
28 | }).done( callback );
29 |
30 | // $.getScript()
31 | $.ajax({
32 | url: url,
33 | dataType: "script",
34 | }).done( callback );
35 |
36 | //********************** Snippet 3 **********************//
37 | // Functions to create xhrs
38 | function createStandardXHR() {
39 | try {
40 | return new window.XMLHttpRequest();
41 | } catch( e ) {}
42 | }
43 |
44 | function createActiveXHR() {
45 | try {
46 | return new window.ActiveXObject( "Microsoft.XMLHTTP" );
47 | } catch( e ) {}
48 | }
49 |
50 | // Create the request object
51 | jQuery.ajaxSettings.xhr = window.ActiveXObject ?
52 | /* Microsoft failed to properly
53 | * implement the XMLHttpRequest in IE7 (can't request local files),
54 | * so we use the ActiveXObject when it is available
55 | * Additionally XMLHttpRequest can be disabled in IE7/IE8 so
56 | * we need a fallback.
57 | */
58 | function() {
59 | return !this.isLocal && createStandardXHR() || createActiveXHR();
60 | } :
61 | // For all other browsers, use the standard XMLHttpRequest object
62 | createStandardXHR;
63 | ...
64 |
65 | //********************** Snippet 4 **********************//
66 | // Request the remote document
67 | jQuery.ajax({
68 | url: url,
69 | type: type,
70 | dataType: "html",
71 | data: params,
72 | // Complete callback (responseText is used internally)
73 | complete: function( jqXHR, status, responseText ) {
74 | // Store the response as specified by the jqXHR object
75 | responseText = jqXHR.responseText;
76 | // If successful, inject the HTML into all the matched elements
77 | if ( jqXHR.isResolved() ) {
78 | // Get the actual response in case
79 | // a dataFilter is present in ajaxSettings
80 | jqXHR.done(function( r ) {
81 | responseText = r;
82 | });
83 | // See if a selector was specified
84 | self.html( selector ?
85 | // Create a dummy div to hold the results
86 | jQuery("Todos
33 | 35 |")
87 | // inject the contents of the document in, removing the scripts
88 | // to avoid any 'Permission Denied' errors in IE
89 | .append(responseText.replace(rscript, ""))
90 |
91 | // Locate the specified elements
92 | .find(selector) :
93 |
94 | // If not, just inject the full result
95 | responseText );
96 | }
97 |
98 | if ( callback ) {
99 | self.each( callback, [ responseText, status, jqXHR ] );
100 | }
101 | }
102 | });
103 |
104 | return this;
105 | }
106 |
107 |
--------------------------------------------------------------------------------
/book/snippets/04-Design-Patterns-In-jQuery/25-the-observer-pattern.es2015.js:
--------------------------------------------------------------------------------
1 | //********************** Snippet 1 **********************//
2 | // Equivalent to subscribe(topicName, callback)
3 | $(document).on('topicName', function() {
4 | //..perform some behaviour
5 | });
6 |
7 | // Equivalent to publish(topicName)
8 | $(document).trigger('topicName');
9 |
10 | // Equivalent to unsubscribe(topicName)
11 | $(document).off('topicName');
12 |
13 | //********************** Snippet 2 **********************//
14 | jQuery.event = {
15 |
16 | add: function( elem, types, handler, data, selector ) {
17 |
18 | var elemData, eventHandle, events,
19 | t, tns, type, namespaces, handleObj,
20 | handleObjIn, quick, handlers, special;
21 |
22 | ...
23 |
24 | // Init the element's event structure and main handler,
25 | //if this is the first
26 | events = elemData.events;
27 | if ( !events ) {
28 | elemData.events = events = {};
29 | }
30 | ...
31 |
32 | // Handle multiple events separated by a space
33 | // jQuery(...).bind("mouseover mouseout", fn);
34 | types = jQuery.trim( hoverHack(types) ).split( " " );
35 | for ( t = 0; t < types.length; t++ ) {
36 |
37 | ...
38 |
39 | // Init the event handler queue if we're the first
40 | handlers = events[ type ];
41 | if ( !handlers ) {
42 | handlers = events[ type ] = [];
43 | handlers.delegateCount = 0;
44 |
45 | // Only use addEventListener/attachEvent if the special
46 | // events handler returns false
47 | if ( !special.setup || special.setup.call( elem, data,
48 | //namespaces, eventHandle ) === false ) {
49 | // Bind the global event handler to the element
50 | if ( elem.addEventListener ) {
51 | elem.addEventListener( type, eventHandle, false );
52 |
53 | } else if ( elem.attachEvent ) {
54 | elem.attachEvent( "on" + type, eventHandle );
55 | }
56 | }
57 | }
58 |
59 | //********************** Snippet 3 **********************//
60 | // [ES2015+] We used new keyword const for immutable constant declaration
61 | // [SE2015+] We used new keyword let, which declares a block scope local variable
62 | // [ES2015+] We used new arrow function syntax
63 |
64 | const topics = {};
65 |
66 | jQuery.Topic = id => {
67 | let callbacks;
68 | let topic = id && topics[id];
69 | if (!topic) {
70 | callbacks = jQuery.Callbacks();
71 | topic = {
72 | publish: callbacks.fire,
73 | subscribe: callbacks.add,
74 | unsubscribe: callbacks.remove,
75 | };
76 | if (id) {
77 | topics[id] = topic;
78 | }
79 | }
80 | return topic;
81 | };
82 |
83 | //********************** Snippet 4 **********************//
84 | // Subscribers
85 | $.Topic('mailArrived').subscribe(fn1);
86 | $.Topic('mailArrived').subscribe(fn2);
87 | $.Topic('mailSent').subscribe(fn1);
88 |
89 | // Publisher
90 | $.Topic('mailArrived').publish('hello world!');
91 | $.Topic('mailSent').publish('woo! mail!');
92 |
93 | // Here, "hello world!" gets pushed to fn1 and fn2
94 | // when the "mailArrived" notification is published
95 | // with "woo! mail!" also being pushed to fn1 when
96 | // the "mailSent" notification is published.
97 |
98 | // Outputs:
99 | // hello world!
100 | // fn2 says: hello world!
101 | // woo! mail!
102 |
--------------------------------------------------------------------------------
/book/snippets/04-Design-Patterns-In-jQuery/25-the-observer-pattern.es5.js:
--------------------------------------------------------------------------------
1 | //********************** Snippet 1 **********************//
2 | // Equivalent to subscribe(topicName, callback)
3 | $( document ).on( "topicName", function () {
4 | //..perform some behaviour
5 | });
6 |
7 | // Equivalent to publish(topicName)
8 | $( document ).trigger( "topicName" );
9 |
10 | // Equivalent to unsubscribe(topicName)
11 | $( document ).off( "topicName" );
12 |
13 | //********************** Snippet 2 **********************//
14 | jQuery.event = {
15 |
16 | add: function( elem, types, handler, data, selector ) {
17 |
18 | var elemData, eventHandle, events,
19 | t, tns, type, namespaces, handleObj,
20 | handleObjIn, quick, handlers, special;
21 |
22 | ...
23 |
24 | // Init the element's event structure and main handler,
25 | //if this is the first
26 | events = elemData.events;
27 | if ( !events ) {
28 | elemData.events = events = {};
29 | }
30 | ...
31 |
32 | // Handle multiple events separated by a space
33 | // jQuery(...).bind("mouseover mouseout", fn);
34 | types = jQuery.trim( hoverHack(types) ).split( " " );
35 | for ( t = 0; t < types.length; t++ ) {
36 |
37 | ...
38 |
39 | // Init the event handler queue if we're the first
40 | handlers = events[ type ];
41 | if ( !handlers ) {
42 | handlers = events[ type ] = [];
43 | handlers.delegateCount = 0;
44 |
45 | // Only use addEventListener/attachEvent if the special
46 | // events handler returns false
47 | if ( !special.setup || special.setup.call( elem, data,
48 | //namespaces, eventHandle ) === false ) {
49 | // Bind the global event handler to the element
50 | if ( elem.addEventListener ) {
51 | elem.addEventListener( type, eventHandle, false );
52 |
53 | } else if ( elem.attachEvent ) {
54 | elem.attachEvent( "on" + type, eventHandle );
55 | }
56 | }
57 | }
58 |
59 | //********************** Snippet 3 **********************//
60 | var topics = {};
61 |
62 | jQuery.Topic = function( id ) {
63 | var callbacks,
64 | topic = id && topics[ id ];
65 | if ( !topic ) {
66 | callbacks = jQuery.Callbacks();
67 | topic = {
68 | publish: callbacks.fire,
69 | subscribe: callbacks.add,
70 | unsubscribe: callbacks.remove
71 | };
72 | if ( id ) {
73 | topics[ id ] = topic;
74 | }
75 | }
76 | return topic;
77 | };
78 |
79 | //********************** Snippet 4 **********************//
80 | // Subscribers
81 | $.Topic( "mailArrived" ).subscribe( fn1 );
82 | $.Topic( "mailArrived" ).subscribe( fn2 );
83 | $.Topic( "mailSent" ).subscribe( fn1 );
84 |
85 | // Publisher
86 | $.Topic( "mailArrived" ).publish( "hello world!" );
87 | $.Topic( "mailSent" ).publish( "woo! mail!" );
88 |
89 | // Here, "hello world!" gets pushed to fn1 and fn2
90 | // when the "mailArrived" notification is published
91 | // with "woo! mail!" also being pushed to fn1 when
92 | // the "mailSent" notification is published.
93 |
94 | // Outputs:
95 | // hello world!
96 | // fn2 says: hello world!
97 | // woo! mail!
98 |
--------------------------------------------------------------------------------
/book/snippets/04-Design-Patterns-In-jQuery/26-the-iterator-pattern.es2015.js:
--------------------------------------------------------------------------------
1 | //********************** Snippet 1 **********************//
2 | // [ES2015+] We used new template literals for string interpolation
3 | // [ES2015+] We used new arrow function syntax
4 |
5 | $.each(['john', 'dave', 'rick', 'julian'], (index, value) => {
6 | console.log(`${index}: ${value}`);
7 | });
8 |
9 | $('li').each(function(index) {
10 | console.log(`${index}: ${$(this).text()}`);
11 | });
12 |
13 | //********************** Snippet 2 **********************//
14 | // Execute a callback for every element in the matched set.
15 | each: function( callback, args ) {
16 | return jQuery.each( this, callback, args );
17 | }
18 |
19 | //********************** Snippet 3 **********************//
20 | each: function( object, callback, args ) {
21 | var name, i = 0,
22 | length = object.length,
23 | isObj = length === undefined || jQuery.isFunction( object );
24 |
25 | if ( args ) {
26 | if ( isObj ) {
27 | for ( name in object ) {
28 | if ( callback.apply( object[ name ], args ) === false ) {
29 | break;
30 | }
31 | }
32 | } else {
33 | for ( ; i < length; ) {
34 | if ( callback.apply( object[ i++ ], args ) === false ) {
35 | break;
36 | }
37 | }
38 | }
39 |
40 | // A special, fast, case for the most common use of each
41 | } else {
42 | if ( isObj ) {
43 | for ( name in object ) {
44 | if ( callback.call( object[ name ], name, object[ name ] ) === false ) {
45 | break;
46 | }
47 | }
48 | } else {
49 | for ( ; i < length; ) {
50 | if ( callback.call( object[ i ], i, object[ i++ ] ) === false ) {
51 | break;
52 | }
53 | }
54 | }
55 | }
56 |
57 | return object;
58 | };
59 |
--------------------------------------------------------------------------------
/book/snippets/04-Design-Patterns-In-jQuery/26-the-iterator-pattern.es5.js:
--------------------------------------------------------------------------------
1 | //********************** Snippet 1 **********************//
2 | $.each( ["john","dave","rick","julian"], function( index, value ) {
3 | console.log( index + ": " + value);
4 | });
5 |
6 | $( "li" ).each( function ( index ) {
7 | console.log( index + ": " + $( this ).text());
8 | });
9 |
10 | //********************** Snippet 2 **********************//
11 | // Execute a callback for every element in the matched set.
12 | each: function( callback, args ) {
13 | return jQuery.each( this, callback, args );
14 | }
15 |
16 | //********************** Snippet 3 **********************//
17 | each: function( object, callback, args ) {
18 | var name, i = 0,
19 | length = object.length,
20 | isObj = length === undefined || jQuery.isFunction( object );
21 |
22 | if ( args ) {
23 | if ( isObj ) {
24 | for ( name in object ) {
25 | if ( callback.apply( object[ name ], args ) === false ) {
26 | break;
27 | }
28 | }
29 | } else {
30 | for ( ; i < length; ) {
31 | if ( callback.apply( object[ i++ ], args ) === false ) {
32 | break;
33 | }
34 | }
35 | }
36 |
37 | // A special, fast, case for the most common use of each
38 | } else {
39 | if ( isObj ) {
40 | for ( name in object ) {
41 | if ( callback.call( object[ name ], name, object[ name ] ) === false ) {
42 | break;
43 | }
44 | }
45 | } else {
46 | for ( ; i < length; ) {
47 | if ( callback.call( object[ i ], i, object[ i++ ] ) === false ) {
48 | break;
49 | }
50 | }
51 | }
52 | }
53 |
54 | return object;
55 | };
56 |
--------------------------------------------------------------------------------
/book/snippets/04-Design-Patterns-In-jQuery/27-the-lazy-initialization-pattern.es2015.js:
--------------------------------------------------------------------------------
1 | //********************** Snippet 1 **********************//
2 | // [ES2015+] We used new template literals for string interpolation
3 | // [ES2015+] We used new keyword const for immutable constant declaration
4 | // [ES2015+] We used new arrow function syntax
5 |
6 | $(document).ready(() => {
7 | // The ajax request won't attempt to execute until
8 | // the DOM is ready
9 |
10 | const jqxhr = $.ajax({
11 | url: 'http://domain.com/api/',
12 | data: 'display=latest&order=ascending',
13 | }).done((data) => {
14 | $('.status').html('content loaded');
15 | console.log(`Data output:${data}`);
16 | });
17 | });
18 |
19 |
20 | //********************** Snippet 2 **********************//
21 | bindReady: function() {
22 | if ( readyList ) {
23 | return;
24 | }
25 |
26 | readyList = jQuery.Callbacks( "once memory" );
27 |
28 | // Catch cases where $(document).ready() is called after the
29 | // browser event has already occurred.
30 | if ( document.readyState === "complete" ) {
31 | // Handle it asynchronously to allow scripts the opportunity to delay ready
32 | return setTimeout( jQuery.ready, 1 );
33 | }
34 |
35 | // Mozilla, Opera and webkit support this event
36 | if ( document.addEventListener ) {
37 | // Use the handy event callback
38 | document.addEventListener( "DOMContentLoaded", DOMContentLoaded, false );
39 |
40 | // A fallback to window.onload, that will always work
41 | window.addEventListener( "load", jQuery.ready, false );
42 |
43 | // If IE event model is used
44 | } else if ( document.attachEvent ) {
45 | // ensure firing before onload,
46 | // maybe late but safe also for iframes
47 | document.attachEvent( "onreadystatechange", DOMContentLoaded );
48 |
49 | // A fallback to window.onload, that will always work
50 | window.attachEvent( "onload", jQuery.ready );
51 |
52 | // If IE and not a frame
53 | // continually check to see if the document is ready
54 | var toplevel = false;
55 |
56 | try {
57 | toplevel = window.frameElement == null;
58 | } catch(e) {}
59 |
60 | if ( document.documentElement.doScroll && toplevel ) {
61 | doScrollCheck();
62 | }
63 | }
64 | },
65 |
--------------------------------------------------------------------------------
/book/snippets/04-Design-Patterns-In-jQuery/27-the-lazy-initialization-pattern.es5.js:
--------------------------------------------------------------------------------
1 | //********************** Snippet 1 **********************//
2 | $( document ).ready( function () {
3 |
4 | // The ajax request won't attempt to execute until
5 | // the DOM is ready
6 |
7 | var jqxhr = $.ajax({
8 | url: "http://domain.com/api/",
9 | data: "display=latest&order=ascending"
10 | })
11 | .done( function( data ) ){
12 | $(".status").html( "content loaded" );
13 | console.log( "Data output:" + data );
14 | });
15 |
16 | });
17 |
18 | //********************** Snippet 2 **********************//
19 | bindReady: function() {
20 | if ( readyList ) {
21 | return;
22 | }
23 |
24 | readyList = jQuery.Callbacks( "once memory" );
25 |
26 | // Catch cases where $(document).ready() is called after the
27 | // browser event has already occurred.
28 | if ( document.readyState === "complete" ) {
29 | // Handle it asynchronously to allow scripts the opportunity to delay ready
30 | return setTimeout( jQuery.ready, 1 );
31 | }
32 |
33 | // Mozilla, Opera and webkit support this event
34 | if ( document.addEventListener ) {
35 | // Use the handy event callback
36 | document.addEventListener( "DOMContentLoaded", DOMContentLoaded, false );
37 |
38 | // A fallback to window.onload, that will always work
39 | window.addEventListener( "load", jQuery.ready, false );
40 |
41 | // If IE event model is used
42 | } else if ( document.attachEvent ) {
43 | // ensure firing before onload,
44 | // maybe late but safe also for iframes
45 | document.attachEvent( "onreadystatechange", DOMContentLoaded );
46 |
47 | // A fallback to window.onload, that will always work
48 | window.attachEvent( "onload", jQuery.ready );
49 |
50 | // If IE and not a frame
51 | // continually check to see if the document is ready
52 | var toplevel = false;
53 |
54 | try {
55 | toplevel = window.frameElement == null;
56 | } catch(e) {}
57 |
58 | if ( document.documentElement.doScroll && toplevel ) {
59 | doScrollCheck();
60 | }
61 | }
62 | },
63 |
--------------------------------------------------------------------------------
/book/snippets/04-Design-Patterns-In-jQuery/28-the-proxy-pattern.es5-no-changes.js:
--------------------------------------------------------------------------------
1 | //********************** Snippet 1 **********************//
2 | $( "button" ).on( "click", function () {
3 | // Within this function, "this" refers to the element that was clicked
4 | $( this ).addClass( "active" );
5 | });
6 |
7 | //********************** Snippet 2 **********************//
8 | $( "button" ).on( "click", function () {
9 | setTimeout(function () {
10 | // "this" doesn't refer to our element!
11 | // It refers to window
12 | $( this ).addClass( "active" );
13 | });
14 | });
15 |
16 | //********************** Snippet 3 **********************//
17 | $( "button" ).on( "click", function () {
18 |
19 | setTimeout( $.proxy( function () {
20 | // "this" now refers to our element as we wanted
21 | $( this ).addClass( "active" );
22 | }, this), 500);
23 |
24 | // the last "this" we're passing tells $.proxy() that our DOM element
25 | // is the value we want "this" to refer to.
26 | });
27 |
28 | //********************** Snippet 4 **********************//
29 | // Bind a function to a context, optionally partially applying any
30 | // arguments.
31 | proxy: function( fn, context ) {
32 | if ( typeof context === "string" ) {
33 | var tmp = fn[ context ];
34 | context = fn;
35 | fn = tmp;
36 | }
37 |
38 | // Quick check to determine if target is callable, in the spec
39 | // this throws a TypeError, but we will just return undefined.
40 | if ( !jQuery.isFunction( fn ) ) {
41 | return undefined;
42 | }
43 |
44 | // Simulated bind
45 | var args = slice.call( arguments, 2 ),
46 | proxy = function() {
47 | return fn.apply( context, args.concat( slice.call( arguments ) ) );
48 | };
49 |
50 | // Set the guid of unique handler to the same of original handler, so it can be removed
51 | proxy.guid = fn.guid = fn.guid || proxy.guid || jQuery.guid++;
52 |
53 | return proxy;
54 | }
55 |
--------------------------------------------------------------------------------
/book/snippets/04-Design-Patterns-In-jQuery/29-the-builder-pattern.es2015.js:
--------------------------------------------------------------------------------
1 | //********************** Snippet 1 **********************//
2 | // [ES2015+] We used new keyword const for immutable constant declaration
3 | $('bar
');
4 |
5 | $('foo bar
').appendTo('body'); 6 | 7 | const newParagraph = $('').text('Hello world'); 8 | 9 | $('') 10 | .attr({ type: 'text', id: 'sample' }) 11 | .appendTo('#container'); 12 | 13 | //********************** Snippet 1 **********************// 14 | 15 | // HANDLE: $(html) -> $(array) 16 | if ( match[1] ) { 17 | context = context instanceof jQuery ? context[0] : context; 18 | doc = ( context ? context.ownerDocument || context : document ); 19 | 20 | // If a single string is passed in and it's a single tag 21 | // just do a createElement and skip the rest 22 | ret = rsingleTag.exec( selector ); 23 | 24 | if ( ret ) { 25 | if ( jQuery.isPlainObject( context ) ) { 26 | selector = [ document.createElement( ret[1] ) ]; 27 | jQuery.fn.attr.call( selector, context, true ); 28 | 29 | } else { 30 | selector = [ doc.createElement( ret[1] ) ]; 31 | } 32 | 33 | } else { 34 | ret = jQuery.buildFragment( [ match[1] ], [ doc ] ); 35 | selector = ( ret.cacheable ? jQuery.clone(ret.fragment) : ret.fragment ).childNodes; 36 | } 37 | 38 | return jQuery.merge( this, selector ); 39 | -------------------------------------------------------------------------------- /book/snippets/04-Design-Patterns-In-jQuery/29-the-builder-pattern.es5.js: -------------------------------------------------------------------------------- 1 | //********************** Snippet 1 **********************// 2 | $( 'bar
' );
3 |
4 | $( 'foo bar
').appendTo("body"); 5 | 6 | var newParagraph = $( "" ).text( "Hello world" ); 7 | 8 | $( "" ) 9 | .attr({ "type": "text", "id":"sample"}) 10 | .appendTo("#container"); 11 | 12 | //********************** Snippet 1 **********************// 13 | 14 | // HANDLE: $(html) -> $(array) 15 | if ( match[1] ) { 16 | context = context instanceof jQuery ? context[0] : context; 17 | doc = ( context ? context.ownerDocument || context : document ); 18 | 19 | // If a single string is passed in and it's a single tag 20 | // just do a createElement and skip the rest 21 | ret = rsingleTag.exec( selector ); 22 | 23 | if ( ret ) { 24 | if ( jQuery.isPlainObject( context ) ) { 25 | selector = [ document.createElement( ret[1] ) ]; 26 | jQuery.fn.attr.call( selector, context, true ); 27 | 28 | } else { 29 | selector = [ doc.createElement( ret[1] ) ]; 30 | } 31 | 32 | } else { 33 | ret = jQuery.buildFragment( [ match[1] ], [ doc ] ); 34 | selector = ( ret.cacheable ? jQuery.clone(ret.fragment) : ret.fragment ).childNodes; 35 | } 36 | 37 | return jQuery.merge( this, selector ); 38 | -------------------------------------------------------------------------------- /book/styles/main.css: -------------------------------------------------------------------------------- 1 | body { 2 | background: #fafafa; 3 | font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; 4 | color: #333; 5 | } 6 | 7 | .hero-unit { 8 | margin: 50px auto 0 auto; 9 | width: 300px; 10 | font-size: 18px; 11 | font-weight: 200; 12 | line-height: 30px; 13 | background-color: #eee; 14 | border-radius: 6px; 15 | padding: 60px; 16 | } 17 | 18 | .hero-unit h1 { 19 | font-size: 60px; 20 | line-height: 1; 21 | letter-spacing: -1px; 22 | } 23 | 24 | .browsehappy { 25 | margin: 0.2em 0; 26 | background: #ccc; 27 | color: #000; 28 | padding: 0.2em 0; 29 | } 30 | -------------------------------------------------------------------------------- /book/styles/print.css: -------------------------------------------------------------------------------- 1 | /* print.css */ 2 | body { 3 | line-height:1.5; 4 | font-family: Palatino, "Palatino LT Std", "Palatino Linotype", Georgia, Times, "Times New Roman", serif; 5 | color:#000; 6 | background:none; 7 | font-size:10pt; 8 | } 9 | .container {background:none;} 10 | hr {background:#ccc;color:#ccc;width:100%;height:2px;margin:2em 0;padding:0;border:none;} 11 | hr.space {background:#fff;color:#fff;visibility:hidden;} 12 | h1, h2, h3, h4, h5, h6 { 13 | font-family: Palatino, "Palatino LT Std", "Palatino Linotype", Georgia, Times, "Times New Roman", serif; 14 | } 15 | code {font:.9em "Courier New", Monaco, Courier, monospace;} 16 | a img {border:none;} 17 | p img.top {margin-top:0;} 18 | blockquote {margin:1.5em;padding:1em;font-style:italic;font-size:.9em;} 19 | .hide {display:none;} 20 | a:link, a:visited {background:transparent;font-weight:700;text-decoration:underline;} 21 | a:link:after, a:visited:after {content:" (" attr(href) ")";font-size:90%;} -------------------------------------------------------------------------------- /book/styles/sausage.css: -------------------------------------------------------------------------------- 1 | .sausage-set { 2 | position: fixed; right: 0; top: 0; 3 | width: 15px; height: 100%; 4 | border-left: solid 2px #fff; 5 | border-right: solid 2px #fff; 6 | background-color: #fff; 7 | font-family: 'Helvetica Neue', 'Arial', 'sans-serif'; 8 | } 9 | .sausage { 10 | position: absolute; left: 0; 11 | width: 100%; height: 100%; 12 | background-color: #f1f1f1; 13 | text-decoration: none; 14 | -moz-border-radius: 8px; 15 | -webkit-border-bottom-left-radius: 8px; 16 | -webkit-border-top-left-radius: 8px; 17 | -webkit-border-bottom-right-radius: 8px; 18 | -webkit-border-top-right-radius: 8px; 19 | -moz-box-shadow: inset 0px 1px 2px 4px rgba(0, 0, 0, 0.025); 20 | -webkit-box-shadow: inset 0px 1px 2px 4px rgba(0, 0, 0, 0.025); 21 | cursor: pointer; 22 | } 23 | .sausage-hover, 24 | .sausage-current { 25 | background-color: #f2e4ed; 26 | -moz-box-shadow: inset 0px 1px 2px 4px rgba(51, 63, 70, 0.025); 27 | } 28 | .sausage-span { 29 | position: absolute; right: 24px; top: 5px; z-index: 2; 30 | display: none; 31 | width: 100px; 32 | padding: 2px 3px; 33 | color: #000; 34 | background-color: #fff; 35 | border: solid 2px #990066; 36 | font-size: 10px; line-height: 12px; font-weight: bold; text-align: center; 37 | -moz-border-radius: 7px; 38 | -webkit-border-bottom-left-radius: 7px; 39 | -webkit-border-top-left-radius: 7px; 40 | -webkit-border-bottom-right-radius: 7px; 41 | -webkit-border-top-right-radius: 7px; 42 | -moz-box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.05); 43 | -webkit-box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.05); 44 | } 45 | .sausage-hover .sausage-span, 46 | .sausage-current .sausage-span { 47 | display: block; 48 | } -------------------------------------------------------------------------------- /book/styles/shThemeRDark.css: -------------------------------------------------------------------------------- 1 | .syntaxhighlighter{background-color:#1b2426 !important;} 2 | .syntaxhighlighter .line.alt1{background-color:#1b2426 !important;} 3 | .syntaxhighlighter .line.alt2{background-color:#1b2426 !important;} 4 | .syntaxhighlighter .line.highlighted.alt1,.syntaxhighlighter .line.highlighted.alt2{background-color:#323e41 !important;} 5 | .syntaxhighlighter .line.highlighted.number{color:#b9bdb6 !important;} 6 | .syntaxhighlighter table caption{color:#b9bdb6 !important;} 7 | .syntaxhighlighter .gutter{color:#afafaf !important;} 8 | .syntaxhighlighter .gutter .line{border-right:3px solid #435a5f !important;} 9 | .syntaxhighlighter .gutter .line.highlighted{background-color:#435a5f !important;color:#1b2426 !important;} 10 | .syntaxhighlighter.printing .line .content{border:none !important;} 11 | .syntaxhighlighter.collapsed{overflow:visible !important;} 12 | .syntaxhighlighter.collapsed .toolbar{color:#5ba1cf !important;background:black !important;border:1px solid #435a5f !important;} 13 | .syntaxhighlighter.collapsed .toolbar a{color:#5ba1cf !important;} 14 | .syntaxhighlighter.collapsed .toolbar a:hover{color:#5ce638 !important;} 15 | .syntaxhighlighter .toolbar{color:white !important;background:#435a5f !important;border:none !important;} 16 | .syntaxhighlighter .toolbar a{color:white !important;} 17 | .syntaxhighlighter .toolbar a:hover{color:#e0e8ff !important;} 18 | .syntaxhighlighter .plain,.syntaxhighlighter .plain a{color:#b9bdb6 !important;} 19 | .syntaxhighlighter .comments,.syntaxhighlighter .comments a{color:#878a85 !important;} 20 | .syntaxhighlighter .string,.syntaxhighlighter .string a{color:#5ce638 !important;} 21 | .syntaxhighlighter .keyword{color:#5ba1cf !important;} 22 | .syntaxhighlighter .preprocessor{color:#435a5f !important;} 23 | .syntaxhighlighter .variable{color:#ffaa3e !important;} 24 | .syntaxhighlighter .value{color:#009900 !important;} 25 | .syntaxhighlighter .functions{color:#ffaa3e !important;} 26 | .syntaxhighlighter .constants{color:#e0e8ff !important;} 27 | .syntaxhighlighter .script{font-weight:bold !important;color:#5ba1cf !important;background-color:none !important;} 28 | .syntaxhighlighter .color1,.syntaxhighlighter .color1 a{color:#e0e8ff !important;} 29 | .syntaxhighlighter .color2,.syntaxhighlighter .color2 a{color:white !important;} 30 | .syntaxhighlighter .color3,.syntaxhighlighter .color3 a{color:#ffaa3e !important;} 31 | -------------------------------------------------------------------------------- /bower.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "jsdp", 3 | "private": true, 4 | "dependencies": { 5 | "jquery": "~1.10.2", 6 | "codecode": "~0.1.2" 7 | }, 8 | "devDependencies": {} 9 | } 10 | -------------------------------------------------------------------------------- /cover/cover.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/addyosmani/essential-js-design-patterns/21346c134aa953ba469782372c90e42c36a1f083/cover/cover.jpg -------------------------------------------------------------------------------- /diagrams/command.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/addyosmani/essential-js-design-patterns/21346c134aa953ba469782372c90e42c36a1f083/diagrams/command.png -------------------------------------------------------------------------------- /diagrams/constructor.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/addyosmani/essential-js-design-patterns/21346c134aa953ba469782372c90e42c36a1f083/diagrams/constructor.png -------------------------------------------------------------------------------- /diagrams/facade.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/addyosmani/essential-js-design-patterns/21346c134aa953ba469782372c90e42c36a1f083/diagrams/facade.png -------------------------------------------------------------------------------- /diagrams/factory.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/addyosmani/essential-js-design-patterns/21346c134aa953ba469782372c90e42c36a1f083/diagrams/factory.png -------------------------------------------------------------------------------- /diagrams/flyweight.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/addyosmani/essential-js-design-patterns/21346c134aa953ba469782372c90e42c36a1f083/diagrams/flyweight.png -------------------------------------------------------------------------------- /diagrams/mediator.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/addyosmani/essential-js-design-patterns/21346c134aa953ba469782372c90e42c36a1f083/diagrams/mediator.png -------------------------------------------------------------------------------- /diagrams/mixins.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/addyosmani/essential-js-design-patterns/21346c134aa953ba469782372c90e42c36a1f083/diagrams/mixins.png -------------------------------------------------------------------------------- /diagrams/module.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/addyosmani/essential-js-design-patterns/21346c134aa953ba469782372c90e42c36a1f083/diagrams/module.png -------------------------------------------------------------------------------- /diagrams/mvc.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/addyosmani/essential-js-design-patterns/21346c134aa953ba469782372c90e42c36a1f083/diagrams/mvc.png -------------------------------------------------------------------------------- /diagrams/mvp.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/addyosmani/essential-js-design-patterns/21346c134aa953ba469782372c90e42c36a1f083/diagrams/mvp.png -------------------------------------------------------------------------------- /diagrams/mvvm.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/addyosmani/essential-js-design-patterns/21346c134aa953ba469782372c90e42c36a1f083/diagrams/mvvm.png -------------------------------------------------------------------------------- /diagrams/observer.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/addyosmani/essential-js-design-patterns/21346c134aa953ba469782372c90e42c36a1f083/diagrams/observer.png -------------------------------------------------------------------------------- /diagrams/prototype.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/addyosmani/essential-js-design-patterns/21346c134aa953ba469782372c90e42c36a1f083/diagrams/prototype.png -------------------------------------------------------------------------------- /diagrams/publishsubscribe.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/addyosmani/essential-js-design-patterns/21346c134aa953ba469782372c90e42c36a1f083/diagrams/publishsubscribe.png -------------------------------------------------------------------------------- /diagrams/singleton.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/addyosmani/essential-js-design-patterns/21346c134aa953ba469782372c90e42c36a1f083/diagrams/singleton.png -------------------------------------------------------------------------------- /extras/designpatterns-printable-referencecards/design-patterns-printable.pdf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/addyosmani/essential-js-design-patterns/21346c134aa953ba469782372c90e42c36a1f083/extras/designpatterns-printable-referencecards/design-patterns-printable.pdf -------------------------------------------------------------------------------- /extras/dzone-designpatterns-cheatsheet/rc008-designpatterns_online.pdf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/addyosmani/essential-js-design-patterns/21346c134aa953ba469782372c90e42c36a1f083/extras/dzone-designpatterns-cheatsheet/rc008-designpatterns_online.pdf -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "essential-js-design-patterns", 3 | "version": "1.7.0", 4 | "description": "A book on JavaScript Design Patterns", 5 | "main": "book/index.html", 6 | "repository": { 7 | "type": "git", 8 | "url": "https://github.com/addyosmani/essential-js-design-patterns" 9 | }, 10 | "keywords": [ 11 | "javascript", 12 | "patterns", 13 | "book" 14 | ], 15 | "author": "Addy Osmani", 16 | "license": "Creative Commons Attribution-No Derivative Works", 17 | "bugs": { 18 | "url": "https://github.com/addyosmani/essential-js-design-patterns/issues" 19 | }, 20 | "homepage": "https://github.com/addyosmani/essential-js-design-patterns", 21 | "devDependencies": { 22 | "grunt": "^0.4.5", 23 | "grunt-autoprefixer": "^2.0.0", 24 | "grunt-bower-install": "~1.6.0", 25 | "grunt-concurrent": "^1.0.0", 26 | "grunt-contrib-clean": "~0.6.0", 27 | "grunt-contrib-compass": "^1.0.1", 28 | "grunt-contrib-concat": "~0.5.0", 29 | "grunt-contrib-connect": "^0.9.0", 30 | "grunt-contrib-copy": "^0.7.0", 31 | "grunt-contrib-cssmin": "^0.11.0", 32 | "grunt-contrib-htmlmin": "~0.3.0", 33 | "grunt-contrib-imagemin": "^2.0.0", 34 | "grunt-contrib-jshint": "~0.10.0", 35 | "grunt-contrib-uglify": "^0.7.0", 36 | "grunt-contrib-watch": "~0.6.1", 37 | "grunt-mocha": "~0.4.0", 38 | "grunt-newer": "^0.8.0", 39 | "grunt-rev": "~0.1.0", 40 | "grunt-svgmin": "^2.0.0", 41 | "grunt-usemin": "^3.0.0", 42 | "jshint-stylish": "^1.0.0", 43 | "load-grunt-tasks": "^2.0.0", 44 | "time-grunt": "~1.0.0" 45 | }, 46 | "engines": { 47 | "node": ">=0.8.0" 48 | } 49 | } 50 | -------------------------------------------------------------------------------- /test/.bowerrc: -------------------------------------------------------------------------------- 1 | { 2 | "directory": "bower_components" 3 | } 4 | -------------------------------------------------------------------------------- /test/bower.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "jsdp", 3 | "private": true, 4 | "dependencies": { 5 | "chai": "~1.8.0", 6 | "mocha": "~1.14.0" 7 | }, 8 | "devDependencies": {} 9 | } 10 | -------------------------------------------------------------------------------- /test/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 |