| // simple dsl just wrapping angular's dsl, just providing higher abstraction | |
| angular.scenario.dsl('submitMessage', function() { | |
| return function(message) { | |
| // these dsl already register futures (add fn into the queue), | |
| // so you don't wrap them into addFutureAction | |
| input('modelValue').enter(message); | |
| element('button.submit').click(); | |
| }; | |
| }); |
| // Lack of tail call optimization in JS | |
| var sum = function(x, y) { | |
| return y > 0 ? sum(x + 1, y - 1) : | |
| y < 0 ? sum(x - 1, y + 1) : | |
| x | |
| } | |
| sum(20, 100000) // => RangeError: Maximum call stack size exceeded | |
| // Using workaround |
| /** | |
| * The sample usage of ECMA 5 Mozilla Features Implemented in V8 | |
| * https://github.com/joyent/node/wiki/ECMA-5-Mozilla-Features-Implemented-in-V8 | |
| * You can use thease new feature of ECMA5 on Node.js as you like. | |
| * because there is no IE :) | |
| * Order is deferent form original wiki. | |
| * Sources are Checked on Node.js v0.5.0(unstable), v0.4.9(stable) | |
| * | |
| * you can execute this file. | |
| * $ node ecma5_on_v8.js |
| // Original - @Gozola. This is a reimplemented version (with a few bug fixes). | |
| window.WeakMap = window.WeakMap || (function () { | |
| var privates = Name() | |
| return { | |
| get: function (key, fallback) { | |
| var store = privates(key) | |
| return store.hasOwnProperty("value") ? | |
| store.value : fallback | |
| }, |
#Understanding MVC And MVP (For JavaScript & Backbone Developers)
Before exploring any JavaScript frameworks that assist in structuring applications, it can be useful to gain a basic understanding of architectural design patterns. Design patterns are proven solutions to common development problems and can suggest structural paradigms to help guide us in adding some organization to our application.
I think patterns are exciting as they're effectively a grass roots effort that build upon the collective experience of skilled developers who have previously faced similar problems as we do now. Although developers 10 or 20 years ago may not have been using the same programming languages for implementing patterns, there are many lessons we can learn from their efforts.
In this section, we're going to review two popular patterns - MVC and MVP. The context of our exploration will be how these patterns are related to the popular JavaScript framework Backbone.js, which will be explored in greater detail later on.
| // Here is a proposal for minimalist JavaScript classes, humbly offered. | |
| // There are (at least) two different directions in which classes can be steered. | |
| // If we go for a wholly new semantics and implementation, then fancier classical | |
| // inheritance can be supported with parallel prototype chains for true inheritance | |
| // of properties at both the class and instance level. | |
| // If however, we keep current JavaScript prototype semantics, and add a form that | |
| // can desugar to ES3, things must necessarily stay simpler. This is the direction | |
| // I'm assuming here. |
| (function () { | |
| var all = document.getElementsByTagName('*') | |
| , matches = 0 | |
| , misses = 0 | |
| , total = all.length | |
| , i = all.length | |
| , selector | |
| , match; | |
| while (i--) { |
| /* vim:set ts=2 sw=2 sts=2 expandtab */ | |
| /*jshint asi: true undef: true es5: true node: true devel: true | |
| forin: false latedef: false */ | |
| /*global define: true */ | |
| if (typeof(WeakMap) === 'undefined') WeakMap = (function(global) { | |
| "use strict"; | |
| function defineNamespace(object, namespace) { |
| /** | |
| * First, better, "set exports/return" option | |
| */ | |
| (function (define) { | |
| //The 'id' is optional, but recommended if this is | |
| //a popular web library that is used mostly in | |
| //non-AMD/Node environments. However, if want | |
| //to make an anonymous module, remove the 'id' | |
| //below, and remove the id use in the define shim. | |
| define('id', function (require) { |