home > research > javascript-data-binding

data binding observable wrapper pub/sub two-way data binding html decorators dom mutation observers knockout function.bind object.defineproperty object.observe ember angular

Data Binding in JavaScript Libraries

Table of Contents

1. Background
2. Data Binding
3. Two-Way Data Binding

1. Background

2. Data Binding

2.1. Observable Wrapper

2.2. Pub/Sub

  jQuery.trigger()

2.3. Backbone

  render: function() { }

3. Two-Way Data Binding

3.1. HTML decorators

http://www.lucaongaro.eu/blog/2012/12/02/easy-two-way-data-binding-in-javascript/

3.2. DOM Mutation Observers

https://developer.mozilla.org/en-US/docs/DOM/DOM_Mutation_Observers

3.3. Knockout (data-bind)

http://knockoutjs.com/documentation/observables.html

3.4. Function.bind and Object.defineProperty

https://github.com/remy/bind.js/blob/master/lib/bind.js

3.5. Object.observe

  Object.observe(model, function(changes) { })

3.6. Ember

https://guides.emberjs.com/v1.10.0/object-model/bindings/

Ember.Object.create
Ember.View.extend

3.7. Angular