| var LoadingView = Backbone.Marionette.ItemView.extend({ | |
| template: 'Loading...' | |
| }); | |
| var LoadedView = Backbone.Marionette.ItemView.extend({ | |
| template: 'Loaded!' | |
| }); | |
| var View = Backbone.Marionette.Layout.extend({ | |
| template: '<div class="example"></div>', |
| <html> | |
| <head> | |
| <script src="http://connect.facebook.net/en_US/all.js" type="text/javascript"></script> | |
| <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script> | |
| <script src="strophe-102.js" type="text/javascript"></script> | |
| <script src="facebook.js" type="text/javascript"></script> | |
| <script> | |
| var BOSH_SERVICE = 'http://island.csie.org:8273/xmpp-httpbind' | |
| var connection = null; |
This article has been given a more permanent home on my blog. Also, since it was first written, the development of the Promises/A+ specification has made the original emphasis on Promises/A seem somewhat outdated.
Promises are a software abstraction that makes working with asynchronous operations much more pleasant. In the most basic definition, your code will move from continuation-passing style:
getTweetsFor("domenic", function (err, results) {
// the rest of your code goes here.
| require.config({ | |
| baseUrl: '/backbone-tests/', | |
| paths: { | |
| 'jquery' : '/app/libs/jquery', | |
| 'underscore' : '/app/libs/underscore', | |
| 'backbone' : '/app/libs/backbone', | |
| 'mocha' : 'libs/mocha', | |
| 'chai' : 'libs/chai', | |
| 'chai-jquery' : 'libs/chai-jquery', | |
| 'models' : '/app/models' |
| { "keys": ["super+alt+right"], "command": "prev_next_view_in_group", "args":{"dir": 1} }, | |
| { "keys": ["super+alt+left"], "command": "prev_next_view_in_group", "args":{"dir": -1} } |
#Mac OS X
| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <meta charset="utf-8"> | |
| <title></title> | |
| <link rel="stylesheet" href="../libs/mocha.css" type="text/css" media="screen" title="no title" charset="utf-8"> | |
| </head> | |
| <body> | |
| <div id="mocha"></div> | |
| <script src="../libs/mocha.js" type="text/javascript" charset="utf-8"></script> |
| /* | |
| * This decorates Handlebars.js with the ability to load | |
| * templates from an external source, with light caching. | |
| * | |
| * To render a template, pass a closure that will receive the | |
| * template as a function parameter, eg, | |
| * T.render('templateName', function(t) { | |
| * $('#somediv').html( t() ); | |
| * }); | |
| * Source: https://github.com/wycats/handlebars.js/issues/82 |
| <!doctype html> | |
| <html> | |
| <head> | |
| <!-- Encoding --> | |
| <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> | |
| <!-- Always force latest IE rendering engine (even in intranet) & Chrome Frame --> | |
| <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"></meta> | |