(Archive) The first version of the Matreshka.js framework has been released
Repository on Github
Hello! I hasten to inform the good news. Finally, the first (1.0) version of the Matryoshka framework has been released. In this post I will talk about the most important changes in the framework, the new site and the Russian-language documentation.
Let me remind you, Matryoshka is a JavaScript framework for creating single-page applications, which observes several important principles:
- No logic in html
- Minimum of entities
- Arbitrary architecture
Matryoshka implements a simple two-way data binding syntax and makes extensive use of accessors (getters and setters).
')
this.bindNode( 'x', 'input.my-node' ); this.on( 'change:x', function() { alert( this.x ); }); this.x = 'Wow!'; First of all, about important changes in the framework
The last wave of renames. The most important of them:
bindElement because of its long name (11 characters) was renamed to bindNode (8 characters).Support for any and all input fields, including elements from the HTML5 specification . bindNode no longer needs a third argument, in case the programmer wants to associate the value of an object property with some
.
this.bindNode( 'x', '.my-input' );
for..of Matreshka.Array Matreshka.Object . Internet Explorer (, Babel ), , ECMAScript 6.
for(let item of this) { ... }
__this__ sandbox . , , “”.
this.bindNode( 'sandbox', '.app' );
':sandbox'. , .
this.bindNode( 'x', this.select( '.my-x-node' ) );
:
this.bindNode( 'x', ':sandbox .my-x-node' );
':bound(KEY)' . , . :
// Vanilla this.bindNode( 'y', this.bound( 'x' ).querySelector( '.my-y-node' ) );
:
// jQuery this.bindNode( 'y', this.$bound( 'x' ).find( '.my-y-node' ) );
:
this.bindNode( 'y', ':bound(x) .my-y-node' );
Matreshka.Array Array . push unshift , , Array.prototype . , - forEach . “” undefined .
Matreshka.Array . - .
Array , .
// this.push( 1, 2, 3 );
, Array.prototype _ . , .
this.on( 'modify', function( evt ) { console.log( evt.customData ); }); this.push_( 1, 2, 3, { customData: 42 });
, , silent: true .
this.push_( 1, 2, 3, { silent: true });
, silentPush, silentPop, silentSplice … - .
Babel . , , Babel. , for..of , , ECMAScript 6 ( , Github), Class , .
. Internet Explorer 8, Class . , - .
, IE8. , “” .
.
, . , , , . , itemRenderer , ( ).
, , , .
?
, , , . : , , , ... .
: 
. , - . , linkProps , , , .
, . , HTML5 cache . , , .
, :) Ctrl+Enter. .
, , Google Forms, .
(, , ) “ ”, Muut Comments (, ). Github, .
Disqus , , , Facebook Comments . , , .
Disqus , , . , . Disquss, ( , - ). , , , , Disquss . , , .
Facebook Comments, , . -- ; ; , ; … : . Facebook Comments (!). , Google Forms . . - .
… ? ?
, …
IntenseDebate
. . , .
Cackle
500 /. , . . . - “”.
SolidOpinion
. .
, ( ) Muut. , , ( ). - . , Muut. , ( , ). , , , . , . , , .
? *
* , ,
. , : , . ( “ ” “ ”), .
""
CSS Materialize . , DOM, ( ), , CSS . , (, ) . Materialize, , .
js . .jsdoc IDE . TodoMVC , . . CDN: cdnjs jsdelivr ( CDN , jimaek ).
designiac , Rendol , , .
. .
. ..
this.bindNode( 'x', '.my-input' );
for..of Matreshka.Array Matreshka.Object . Internet Explorer (, Babel ), , ECMAScript 6.
for(let item of this) { ... }
__this__ sandbox . , , “”.
this.bindNode( 'sandbox', '.app' );
':sandbox'. , .
this.bindNode( 'x', this.select( '.my-x-node' ) );
:
this.bindNode( 'x', ':sandbox .my-x-node' );
':bound(KEY)' . , . :
// Vanilla this.bindNode( 'y', this.bound( 'x' ).querySelector( '.my-y-node' ) );
:
// jQuery this.bindNode( 'y', this.$bound( 'x' ).find( '.my-y-node' ) );
:
this.bindNode( 'y', ':bound(x) .my-y-node' );
Matreshka.Array Array . push unshift , , Array.prototype . , - forEach . “” undefined .
Matreshka.Array . - .
Array , .
// this.push( 1, 2, 3 );
, Array.prototype _ . , .
this.on( 'modify', function( evt ) { console.log( evt.customData ); }); this.push_( 1, 2, 3, { customData: 42 });
, , silent: true .
this.push_( 1, 2, 3, { silent: true });
, silentPush, silentPop, silentSplice … - .
Babel . , , Babel. , for..of , , ECMAScript 6 ( , Github), Class , .
. Internet Explorer 8, Class . , - .
, IE8. , “” .
.
, . , , , . , itemRenderer , ( ).
, , , .
?
, , , . : , , , ... .
: . , - . , linkProps , , , .
, . , HTML5 cache . , , .
, :) Ctrl+Enter. .
, , Google Forms, .
(, , ) “ ”, Muut Comments (, ). Github, .
Disqus , , , Facebook Comments . , , .
Disqus , , . , . Disquss, ( , - ). , , , , Disquss . , , .
Facebook Comments, , . -- ; ; , ; … : . Facebook Comments (!). , Google Forms . . - .
… ? ?
, …
IntenseDebate
. . , .
Cackle
500 /. , . . . - “”.
SolidOpinion
. .
, ( ) Muut. , , ( ). - . , Muut. , ( , ). , , , . , . , , .
? *
* , ,
. , : , . ( “ ” “ ”), .
""
CSS Materialize . , DOM, ( ), , CSS . , (, ) . Materialize, , .
js . .jsdoc IDE . TodoMVC , . . CDN: cdnjs jsdelivr ( CDN , jimaek ).
designiac , Rendol , , .
. .
. . .
this.bindNode( 'x', '.my-input' );
for..of Matreshka.Array Matreshka.Object . Internet Explorer (, Babel ), , ECMAScript 6.
for(let item of this) { ... }
__this__ sandbox . , , “”.
this.bindNode( 'sandbox', '.app' );
':sandbox'. , .
this.bindNode( 'x', this.select( '.my-x-node' ) );
:
this.bindNode( 'x', ':sandbox .my-x-node' );
':bound(KEY)' . , . :
// Vanilla this.bindNode( 'y', this.bound( 'x' ).querySelector( '.my-y-node' ) );
:
// jQuery this.bindNode( 'y', this.$bound( 'x' ).find( '.my-y-node' ) );
:
this.bindNode( 'y', ':bound(x) .my-y-node' );
Matreshka.Array Array . push unshift , , Array.prototype . , - forEach . “” undefined .
Matreshka.Array . - .
Array , .
// this.push( 1, 2, 3 );
, Array.prototype _ . , .
this.on( 'modify', function( evt ) { console.log( evt.customData ); }); this.push_( 1, 2, 3, { customData: 42 });
, , silent: true .
this.push_( 1, 2, 3, { silent: true });
, silentPush, silentPop, silentSplice … - .
Babel . , , Babel. , for..of , , ECMAScript 6 ( , Github), Class , .
. Internet Explorer 8, Class . , - .
, IE8. , “” .
.
, . , , , . , itemRenderer , ( ).
, , , .
?
, , , . : , , , ... .
: . , - . , linkProps , , , .
, . , HTML5 cache . , , .
, :) Ctrl+Enter. .
, , Google Forms, .
(, , ) “ ”, Muut Comments (, ). Github, .
Disqus , , , Facebook Comments . , , .
Disqus , , . , . Disquss, ( , - ). , , , , Disquss . , , .
Facebook Comments, , . -- ; ; , ; … : . Facebook Comments (!). , Google Forms . . - .
… ? ?
, …
IntenseDebate
. . , .
Cackle
500 /. , . . . - “”.
SolidOpinion
. .
, ( ) Muut. , , ( ). - . , Muut. , ( , ). , , , . , . , , .
? *
* , ,
. , : , . ( “ ” “ ”), .
""
CSS Materialize . , DOM, ( ), , CSS . , (, ) . Materialize, , .
js . .jsdoc IDE . TodoMVC , . . CDN: cdnjs jsdelivr ( CDN , jimaek ).
designiac , Rendol , , .
. .
. ..
this.bindNode( 'x', '.my-input' );
for..of Matreshka.Array Matreshka.Object . Internet Explorer (, Babel ), , ECMAScript 6.
for(let item of this) { ... }
__this__ sandbox . , , “”.
this.bindNode( 'sandbox', '.app' );
':sandbox'. , .
this.bindNode( 'x', this.select( '.my-x-node' ) );
:
this.bindNode( 'x', ':sandbox .my-x-node' );
':bound(KEY)' . , . :
// Vanilla this.bindNode( 'y', this.bound( 'x' ).querySelector( '.my-y-node' ) );
:
// jQuery this.bindNode( 'y', this.$bound( 'x' ).find( '.my-y-node' ) );
:
this.bindNode( 'y', ':bound(x) .my-y-node' );
Matreshka.Array Array . push unshift , , Array.prototype . , - forEach . “” undefined .
Matreshka.Array . - .
Array , .
// this.push( 1, 2, 3 );
, Array.prototype _ . , .
this.on( 'modify', function( evt ) { console.log( evt.customData ); }); this.push_( 1, 2, 3, { customData: 42 });
, , silent: true .
this.push_( 1, 2, 3, { silent: true });
, silentPush, silentPop, silentSplice … - .
Babel . , , Babel. , for..of , , ECMAScript 6 ( , Github), Class , .
. Internet Explorer 8, Class . , - .
, IE8. , “” .
.
, . , , , . , itemRenderer , ( ).
, , , .
?
, , , . : , , , ... .
: . , - . , linkProps , , , .
, . , HTML5 cache . , , .
, :) Ctrl+Enter. .
, , Google Forms, .
(, , ) “ ”, Muut Comments (, ). Github, .
Disqus , , , Facebook Comments . , , .
Disqus , , . , . Disquss, ( , - ). , , , , Disquss . , , .
Facebook Comments, , . -- ; ; , ; … : . Facebook Comments (!). , Google Forms . . - .
… ? ?
, …
IntenseDebate
. . , .
Cackle
500 /. , . . . - “”.
SolidOpinion
. .
, ( ) Muut. , , ( ). - . , Muut. , ( , ). , , , . , . , , .
? *
* , ,
. , : , . ( “ ” “ ”), .
""
CSS Materialize . , DOM, ( ), , CSS . , (, ) . Materialize, , .
js . .jsdoc IDE . TodoMVC , . . CDN: cdnjs jsdelivr ( CDN , jimaek ).
designiac , Rendol , , .
. .
. . .
this.bindNode( 'x', '.my-input' );
for..of Matreshka.Array Matreshka.Object . Internet Explorer (, Babel ), , ECMAScript 6.
for(let item of this) { ... }
__this__ sandbox . , , “”.
this.bindNode( 'sandbox', '.app' );
':sandbox'. , .
this.bindNode( 'x', this.select( '.my-x-node' ) );
:
this.bindNode( 'x', ':sandbox .my-x-node' );
':bound(KEY)' . , . :
// Vanilla this.bindNode( 'y', this.bound( 'x' ).querySelector( '.my-y-node' ) );
:
// jQuery this.bindNode( 'y', this.$bound( 'x' ).find( '.my-y-node' ) );
:
this.bindNode( 'y', ':bound(x) .my-y-node' );
Matreshka.Array Array . push unshift , , Array.prototype . , - forEach . “” undefined .
Matreshka.Array . - .
Array , .
// this.push( 1, 2, 3 );
, Array.prototype _ . , .
this.on( 'modify', function( evt ) { console.log( evt.customData ); }); this.push_( 1, 2, 3, { customData: 42 });
, , silent: true .
this.push_( 1, 2, 3, { silent: true });
, silentPush, silentPop, silentSplice … - .
Babel . , , Babel. , for..of , , ECMAScript 6 ( , Github), Class , .
. Internet Explorer 8, Class . , - .
, IE8. , “” .
.
, . , , , . , itemRenderer , ( ).
, , , .
?
, , , . : , , , ... .
: . , - . , linkProps , , , .
, . , HTML5 cache . , , .
, :) Ctrl+Enter. .
, , Google Forms, .
(, , ) “ ”, Muut Comments (, ). Github, .
Disqus , , , Facebook Comments . , , .
Disqus , , . , . Disquss, ( , - ). , , , , Disquss . , , .
Facebook Comments, , . -- ; ; , ; … : . Facebook Comments (!). , Google Forms . . - .
… ? ?
, …
IntenseDebate
. . , .
Cackle
500 /. , . . . - “”.
SolidOpinion
. .
, ( ) Muut. , , ( ). - . , Muut. , ( , ). , , , . , . , , .
? *
* , ,
. , : , . ( “ ” “ ”), .
""
CSS Materialize . , DOM, ( ), , CSS . , (, ) . Materialize, , .
js . .jsdoc IDE . TodoMVC , . . CDN: cdnjs jsdelivr ( CDN , jimaek ).
designiac , Rendol , , .
. .
. ..
this.bindNode( 'x', '.my-input' );
for..of Matreshka.Array Matreshka.Object . Internet Explorer (, Babel ), , ECMAScript 6.
for(let item of this) { ... }
__this__ sandbox . , , “”.
this.bindNode( 'sandbox', '.app' );
':sandbox'. , .
this.bindNode( 'x', this.select( '.my-x-node' ) );
:
this.bindNode( 'x', ':sandbox .my-x-node' );
':bound(KEY)' . , . :
// Vanilla this.bindNode( 'y', this.bound( 'x' ).querySelector( '.my-y-node' ) );
:
// jQuery this.bindNode( 'y', this.$bound( 'x' ).find( '.my-y-node' ) );
:
this.bindNode( 'y', ':bound(x) .my-y-node' );
Matreshka.Array Array . push unshift , , Array.prototype . , - forEach . “” undefined .
Matreshka.Array . - .
Array , .
// this.push( 1, 2, 3 );
, Array.prototype _ . , .
this.on( 'modify', function( evt ) { console.log( evt.customData ); }); this.push_( 1, 2, 3, { customData: 42 });
, , silent: true .
this.push_( 1, 2, 3, { silent: true });
, silentPush, silentPop, silentSplice … - .
Babel . , , Babel. , for..of , , ECMAScript 6 ( , Github), Class , .
. Internet Explorer 8, Class . , - .
, IE8. , “” .
.
, . , , , . , itemRenderer , ( ).
, , , .
?
, , , . : , , , ... .
: . , - . , linkProps , , , .
, . , HTML5 cache . , , .
, :) Ctrl+Enter. .
, , Google Forms, .
(, , ) “ ”, Muut Comments (, ). Github, .
Disqus , , , Facebook Comments . , , .
Disqus , , . , . Disquss, ( , - ). , , , , Disquss . , , .
Facebook Comments, , . -- ; ; , ; … : . Facebook Comments (!). , Google Forms . . - .
… ? ?
, …
IntenseDebate
. . , .
Cackle
500 /. , . . . - “”.
SolidOpinion
. .
, ( ) Muut. , , ( ). - . , Muut. , ( , ). , , , . , . , , .
? *
* , ,
. , : , . ( “ ” “ ”), .
""
CSS Materialize . , DOM, ( ), , CSS . , (, ) . Materialize, , .
js . .jsdoc IDE . TodoMVC , . . CDN: cdnjs jsdelivr ( CDN , jimaek ).
designiac , Rendol , , .
. .
. . .
this.bindNode( 'x', '.my-input' );
for..of Matreshka.Array Matreshka.Object . Internet Explorer (, Babel ), , ECMAScript 6.
for(let item of this) { ... }
__this__ sandbox . , , “”.
this.bindNode( 'sandbox', '.app' );
':sandbox'. , .
this.bindNode( 'x', this.select( '.my-x-node' ) );
:
this.bindNode( 'x', ':sandbox .my-x-node' );
':bound(KEY)' . , . :
// Vanilla this.bindNode( 'y', this.bound( 'x' ).querySelector( '.my-y-node' ) );
:
// jQuery this.bindNode( 'y', this.$bound( 'x' ).find( '.my-y-node' ) );
:
this.bindNode( 'y', ':bound(x) .my-y-node' );
Matreshka.Array Array . push unshift , , Array.prototype . , - forEach . “” undefined .
Matreshka.Array . - .
Array , .
// this.push( 1, 2, 3 );
, Array.prototype _ . , .
this.on( 'modify', function( evt ) { console.log( evt.customData ); }); this.push_( 1, 2, 3, { customData: 42 });
, , silent: true .
this.push_( 1, 2, 3, { silent: true });
, silentPush, silentPop, silentSplice … - .
Babel . , , Babel. , for..of , , ECMAScript 6 ( , Github), Class , .
. Internet Explorer 8, Class . , - .
, IE8. , “” .
.
, . , , , . , itemRenderer , ( ).
, , , .
?
, , , . : , , , ... .
: . , - . , linkProps , , , .
, . , HTML5 cache . , , .
, :) Ctrl+Enter. .
, , Google Forms, .
(, , ) “ ”, Muut Comments (, ). Github, .
Disqus , , , Facebook Comments . , , .
Disqus , , . , . Disquss, ( , - ). , , , , Disquss . , , .
Facebook Comments, , . -- ; ; , ; … : . Facebook Comments (!). , Google Forms . . - .
… ? ?
, …
IntenseDebate
. . , .
Cackle
500 /. , . . . - “”.
SolidOpinion
. .
, ( ) Muut. , , ( ). - . , Muut. , ( , ). , , , . , . , , .
? *
* , ,
. , : , . ( “ ” “ ”), .
""
CSS Materialize . , DOM, ( ), , CSS . , (, ) . Materialize, , .
js . .jsdoc IDE . TodoMVC , . . CDN: cdnjs jsdelivr ( CDN , jimaek ).
designiac , Rendol , , .
. .
. ..
this.bindNode( 'x', '.my-input' );
for..of Matreshka.Array Matreshka.Object . Internet Explorer (, Babel ), , ECMAScript 6.
for(let item of this) { ... }
__this__ sandbox . , , “”.
this.bindNode( 'sandbox', '.app' );
':sandbox'. , .
this.bindNode( 'x', this.select( '.my-x-node' ) );
:
this.bindNode( 'x', ':sandbox .my-x-node' );
':bound(KEY)' . , . :
// Vanilla this.bindNode( 'y', this.bound( 'x' ).querySelector( '.my-y-node' ) );
:
// jQuery this.bindNode( 'y', this.$bound( 'x' ).find( '.my-y-node' ) );
:
this.bindNode( 'y', ':bound(x) .my-y-node' );
Matreshka.Array Array . push unshift , , Array.prototype . , - forEach . “” undefined .
Matreshka.Array . - .
Array , .
// this.push( 1, 2, 3 );
, Array.prototype _ . , .
this.on( 'modify', function( evt ) { console.log( evt.customData ); }); this.push_( 1, 2, 3, { customData: 42 });
, , silent: true .
this.push_( 1, 2, 3, { silent: true });
, silentPush, silentPop, silentSplice … - .
Babel . , , Babel. , for..of , , ECMAScript 6 ( , Github), Class , .
. Internet Explorer 8, Class . , - .
, IE8. , “” .
.
, . , , , . , itemRenderer , ( ).
, , , .
?
, , , . : , , , ... .
: . , - . , linkProps , , , .
, . , HTML5 cache . , , .
, :) Ctrl+Enter. .
, , Google Forms, .
(, , ) “ ”, Muut Comments (, ). Github, .
Disqus , , , Facebook Comments . , , .
Disqus , , . , . Disquss, ( , - ). , , , , Disquss . , , .
Facebook Comments, , . -- ; ; , ; … : . Facebook Comments (!). , Google Forms . . - .
… ? ?
, …
IntenseDebate
. . , .
Cackle
500 /. , . . . - “”.
SolidOpinion
. .
, ( ) Muut. , , ( ). - . , Muut. , ( , ). , , , . , . , , .
? *
* , ,
. , : , . ( “ ” “ ”), .
""
CSS Materialize . , DOM, ( ), , CSS . , (, ) . Materialize, , .
js . .jsdoc IDE . TodoMVC , . . CDN: cdnjs jsdelivr ( CDN , jimaek ).
designiac , Rendol , , .
. .
. . .
this.bindNode( 'x', '.my-input' );
for..of Matreshka.Array Matreshka.Object . Internet Explorer (, Babel ), , ECMAScript 6.
for(let item of this) { ... }
__this__ sandbox . , , “”.
this.bindNode( 'sandbox', '.app' );
':sandbox'. , .
this.bindNode( 'x', this.select( '.my-x-node' ) );
:
this.bindNode( 'x', ':sandbox .my-x-node' );
':bound(KEY)' . , . :
// Vanilla this.bindNode( 'y', this.bound( 'x' ).querySelector( '.my-y-node' ) );
:
// jQuery this.bindNode( 'y', this.$bound( 'x' ).find( '.my-y-node' ) );
:
this.bindNode( 'y', ':bound(x) .my-y-node' );
Matreshka.Array Array . push unshift , , Array.prototype . , - forEach . “” undefined .
Matreshka.Array . - .
Array , .
// this.push( 1, 2, 3 );
, Array.prototype _ . , .
this.on( 'modify', function( evt ) { console.log( evt.customData ); }); this.push_( 1, 2, 3, { customData: 42 });
, , silent: true .
this.push_( 1, 2, 3, { silent: true });
, silentPush, silentPop, silentSplice … - .
Babel . , , Babel. , for..of , , ECMAScript 6 ( , Github), Class , .
. Internet Explorer 8, Class . , - .
, IE8. , “” .
.
, . , , , . , itemRenderer , ( ).
, , , .
?
, , , . : , , , ... .
: . , - . , linkProps , , , .
, . , HTML5 cache . , , .
, :) Ctrl+Enter. .
, , Google Forms, .
(, , ) “ ”, Muut Comments (, ). Github, .
Disqus , , , Facebook Comments . , , .
Disqus , , . , . Disquss, ( , - ). , , , , Disquss . , , .
Facebook Comments, , . -- ; ; , ; … : . Facebook Comments (!). , Google Forms . . - .
… ? ?
, …
IntenseDebate
. . , .
Cackle
500 /. , . . . - “”.
SolidOpinion
. .
, ( ) Muut. , , ( ). - . , Muut. , ( , ). , , , . , . , , .
? *
* , ,
. , : , . ( “ ” “ ”), .
""
CSS Materialize . , DOM, ( ), , CSS . , (, ) . Materialize, , .
js . .jsdoc IDE . TodoMVC , . . CDN: cdnjs jsdelivr ( CDN , jimaek ).
designiac , Rendol , , .
. .
. ..
this.bindNode( 'x', '.my-input' );
for..of Matreshka.Array Matreshka.Object . Internet Explorer (, Babel ), , ECMAScript 6.
for(let item of this) { ... }
__this__ sandbox . , , “”.
this.bindNode( 'sandbox', '.app' );
':sandbox'. , .
this.bindNode( 'x', this.select( '.my-x-node' ) );
:
this.bindNode( 'x', ':sandbox .my-x-node' );
':bound(KEY)' . , . :
// Vanilla this.bindNode( 'y', this.bound( 'x' ).querySelector( '.my-y-node' ) );
:
// jQuery this.bindNode( 'y', this.$bound( 'x' ).find( '.my-y-node' ) );
:
this.bindNode( 'y', ':bound(x) .my-y-node' );
Matreshka.Array Array . push unshift , , Array.prototype . , - forEach . “” undefined .
Matreshka.Array . - .
Array , .
// this.push( 1, 2, 3 );
, Array.prototype _ . , .
this.on( 'modify', function( evt ) { console.log( evt.customData ); }); this.push_( 1, 2, 3, { customData: 42 });
, , silent: true .
this.push_( 1, 2, 3, { silent: true });
, silentPush, silentPop, silentSplice … - .
Babel . , , Babel. , for..of , , ECMAScript 6 ( , Github), Class , .
. Internet Explorer 8, Class . , - .
, IE8. , “” .
.
, . , , , . , itemRenderer , ( ).
, , , .
?
, , , . : , , , ... .
: . , - . , linkProps , , , .
, . , HTML5 cache . , , .
, :) Ctrl+Enter. .
, , Google Forms, .
(, , ) “ ”, Muut Comments (, ). Github, .
Disqus , , , Facebook Comments . , , .
Disqus , , . , . Disquss, ( , - ). , , , , Disquss . , , .
Facebook Comments, , . -- ; ; , ; … : . Facebook Comments (!). , Google Forms . . - .
… ? ?
, …
IntenseDebate
. . , .
Cackle
500 /. , . . . - “”.
SolidOpinion
. .
, ( ) Muut. , , ( ). - . , Muut. , ( , ). , , , . , . , , .
? *
* , ,
. , : , . ( “ ” “ ”), .
""
CSS Materialize . , DOM, ( ), , CSS . , (, ) . Materialize, , .
js . .jsdoc IDE . TodoMVC , . . CDN: cdnjs jsdelivr ( CDN , jimaek ).
designiac , Rendol , , .
. .
. . .
this.bindNode( 'x', '.my-input' );
for..of Matreshka.Array Matreshka.Object . Internet Explorer (, Babel ), , ECMAScript 6.
for(let item of this) { ... }
__this__ sandbox . , , “”.
this.bindNode( 'sandbox', '.app' );
':sandbox'. , .
this.bindNode( 'x', this.select( '.my-x-node' ) );
:
this.bindNode( 'x', ':sandbox .my-x-node' );
':bound(KEY)' . , . :
// Vanilla this.bindNode( 'y', this.bound( 'x' ).querySelector( '.my-y-node' ) );
:
// jQuery this.bindNode( 'y', this.$bound( 'x' ).find( '.my-y-node' ) );
:
this.bindNode( 'y', ':bound(x) .my-y-node' );
Matreshka.Array Array . push unshift , , Array.prototype . , - forEach . “” undefined .
Matreshka.Array . - .
Array , .
// this.push( 1, 2, 3 );
, Array.prototype _ . , .
this.on( 'modify', function( evt ) { console.log( evt.customData ); }); this.push_( 1, 2, 3, { customData: 42 });
, , silent: true .
this.push_( 1, 2, 3, { silent: true });
, silentPush, silentPop, silentSplice … - .
Babel . , , Babel. , for..of , , ECMAScript 6 ( , Github), Class , .
. Internet Explorer 8, Class . , - .
, IE8. , “” .
.
, . , , , . , itemRenderer , ( ).
, , , .
?
, , , . : , , , ... .
: . , - . , linkProps , , , .
, . , HTML5 cache . , , .
, :) Ctrl+Enter. .
, , Google Forms, .
(, , ) “ ”, Muut Comments (, ). Github, .
Disqus , , , Facebook Comments . , , .
Disqus , , . , . Disquss, ( , - ). , , , , Disquss . , , .
Facebook Comments, , . -- ; ; , ; … : . Facebook Comments (!). , Google Forms . . - .
… ? ?
, …
IntenseDebate
. . , .
Cackle
500 /. , . . . - “”.
SolidOpinion
. .
, ( ) Muut. , , ( ). - . , Muut. , ( , ). , , , . , . , , .
? *
* , ,
. , : , . ( “ ” “ ”), .
""
CSS Materialize . , DOM, ( ), , CSS . , (, ) . Materialize, , .
js . .jsdoc IDE . TodoMVC , . . CDN: cdnjs jsdelivr ( CDN , jimaek ).
designiac , Rendol , , .
. .
. ..
this.bindNode( 'x', '.my-input' );
for..of Matreshka.Array Matreshka.Object . Internet Explorer (, Babel ), , ECMAScript 6.
for(let item of this) { ... }
__this__ sandbox . , , “”.
this.bindNode( 'sandbox', '.app' );
':sandbox'. , .
this.bindNode( 'x', this.select( '.my-x-node' ) );
:
this.bindNode( 'x', ':sandbox .my-x-node' );
':bound(KEY)' . , . :
// Vanilla this.bindNode( 'y', this.bound( 'x' ).querySelector( '.my-y-node' ) );
:
// jQuery this.bindNode( 'y', this.$bound( 'x' ).find( '.my-y-node' ) );
:
this.bindNode( 'y', ':bound(x) .my-y-node' );
Matreshka.Array Array . push unshift , , Array.prototype . , - forEach . “” undefined .
Matreshka.Array . - .
Array , .
// this.push( 1, 2, 3 );
, Array.prototype _ . , .
this.on( 'modify', function( evt ) { console.log( evt.customData ); }); this.push_( 1, 2, 3, { customData: 42 });
, , silent: true .
this.push_( 1, 2, 3, { silent: true });
, silentPush, silentPop, silentSplice … - .
Babel . , , Babel. , for..of , , ECMAScript 6 ( , Github), Class , .
. Internet Explorer 8, Class . , - .
, IE8. , “” .
.
, . , , , . , itemRenderer , ( ).
, , , .
?
, , , . : , , , ... .
: . , - . , linkProps , , , .
, . , HTML5 cache . , , .
, :) Ctrl+Enter. .
, , Google Forms, .
(, , ) “ ”, Muut Comments (, ). Github, .
Disqus , , , Facebook Comments . , , .
Disqus , , . , . Disquss, ( , - ). , , , , Disquss . , , .
Facebook Comments, , . -- ; ; , ; … : . Facebook Comments (!). , Google Forms . . - .
… ? ?
, …
IntenseDebate
. . , .
Cackle
500 /. , . . . - “”.
SolidOpinion
. .
, ( ) Muut. , , ( ). - . , Muut. , ( , ). , , , . , . , , .
? *
* , ,
. , : , . ( “ ” “ ”), .
""
CSS Materialize . , DOM, ( ), , CSS . , (, ) . Materialize, , .
js . .jsdoc IDE . TodoMVC , . . CDN: cdnjs jsdelivr ( CDN , jimaek ).
designiac , Rendol , , .
. .
. . .
this.bindNode( 'x', '.my-input' );
for..of Matreshka.Array Matreshka.Object . Internet Explorer (, Babel ), , ECMAScript 6.
for(let item of this) { ... }
__this__ sandbox . , , “”.
this.bindNode( 'sandbox', '.app' );
':sandbox'. , .
this.bindNode( 'x', this.select( '.my-x-node' ) );
:
this.bindNode( 'x', ':sandbox .my-x-node' );
':bound(KEY)' . , . :
// Vanilla this.bindNode( 'y', this.bound( 'x' ).querySelector( '.my-y-node' ) );
:
// jQuery this.bindNode( 'y', this.$bound( 'x' ).find( '.my-y-node' ) );
:
this.bindNode( 'y', ':bound(x) .my-y-node' );
Matreshka.Array Array . push unshift , , Array.prototype . , - forEach . “” undefined .
Matreshka.Array . - .
Array , .
// this.push( 1, 2, 3 );
, Array.prototype _ . , .
this.on( 'modify', function( evt ) { console.log( evt.customData ); }); this.push_( 1, 2, 3, { customData: 42 });
, , silent: true .
this.push_( 1, 2, 3, { silent: true });
, silentPush, silentPop, silentSplice … - .
Babel . , , Babel. , for..of , , ECMAScript 6 ( , Github), Class , .
. Internet Explorer 8, Class . , - .
, IE8. , “” .
.
, . , , , . , itemRenderer , ( ).
, , , .
?
, , , . : , , , ... .
: . , - . , linkProps , , , .
, . , HTML5 cache . , , .
, :) Ctrl+Enter. .
, , Google Forms, .
(, , ) “ ”, Muut Comments (, ). Github, .
Disqus , , , Facebook Comments . , , .
Disqus , , . , . Disquss, ( , - ). , , , , Disquss . , , .
Facebook Comments, , . -- ; ; , ; … : . Facebook Comments (!). , Google Forms . . - .
… ? ?
, …
IntenseDebate
. . , .
Cackle
500 /. , . . . - “”.
SolidOpinion
. .
, ( ) Muut. , , ( ). - . , Muut. , ( , ). , , , . , . , , .
? *
* , ,
. , : , . ( “ ” “ ”), .
""
CSS Materialize . , DOM, ( ), , CSS . , (, ) . Materialize, , .
js . .jsdoc IDE . TodoMVC , . . CDN: cdnjs jsdelivr ( CDN , jimaek ).
designiac , Rendol , , .
. .
. ..
this.bindNode( 'x', '.my-input' );
for..of Matreshka.Array Matreshka.Object . Internet Explorer (, Babel ), , ECMAScript 6.
for(let item of this) { ... }
__this__ sandbox . , , “”.
this.bindNode( 'sandbox', '.app' );
':sandbox'. , .
this.bindNode( 'x', this.select( '.my-x-node' ) );
:
this.bindNode( 'x', ':sandbox .my-x-node' );
':bound(KEY)' . , . :
// Vanilla this.bindNode( 'y', this.bound( 'x' ).querySelector( '.my-y-node' ) );
:
// jQuery this.bindNode( 'y', this.$bound( 'x' ).find( '.my-y-node' ) );
:
this.bindNode( 'y', ':bound(x) .my-y-node' );
Matreshka.Array Array . push unshift , , Array.prototype . , - forEach . “” undefined .
Matreshka.Array . - .
Array , .
// this.push( 1, 2, 3 );
, Array.prototype _ . , .
this.on( 'modify', function( evt ) { console.log( evt.customData ); }); this.push_( 1, 2, 3, { customData: 42 });
, , silent: true .
this.push_( 1, 2, 3, { silent: true });
, silentPush, silentPop, silentSplice … - .
Babel . , , Babel. , for..of , , ECMAScript 6 ( , Github), Class , .
. Internet Explorer 8, Class . , - .
, IE8. , “” .
.
, . , , , . , itemRenderer , ( ).
, , , .
?
, , , . : , , , ... .
: . , - . , linkProps , , , .
, . , HTML5 cache . , , .
, :) Ctrl+Enter. .
, , Google Forms, .
(, , ) “ ”, Muut Comments (, ). Github, .
Disqus , , , Facebook Comments . , , .
Disqus , , . , . Disquss, ( , - ). , , , , Disquss . , , .
Facebook Comments, , . -- ; ; , ; … : . Facebook Comments (!). , Google Forms . . - .
… ? ?
, …
IntenseDebate
. . , .
Cackle
500 /. , . . . - “”.
SolidOpinion
. .
, ( ) Muut. , , ( ). - . , Muut. , ( , ). , , , . , . , , .
? *
* , ,
. , : , . ( “ ” “ ”), .
""
CSS Materialize . , DOM, ( ), , CSS . , (, ) . Materialize, , .
js . .jsdoc IDE . TodoMVC , . . CDN: cdnjs jsdelivr ( CDN , jimaek ).
designiac , Rendol , , .
. .
. . .
this.bindNode( 'x', '.my-input' );
for..of Matreshka.Array Matreshka.Object . Internet Explorer (, Babel ), , ECMAScript 6.
for(let item of this) { ... }
__this__ sandbox . , , “”.
this.bindNode( 'sandbox', '.app' );
':sandbox'. , .
this.bindNode( 'x', this.select( '.my-x-node' ) );
:
this.bindNode( 'x', ':sandbox .my-x-node' );
':bound(KEY)' . , . :
// Vanilla this.bindNode( 'y', this.bound( 'x' ).querySelector( '.my-y-node' ) );
:
// jQuery this.bindNode( 'y', this.$bound( 'x' ).find( '.my-y-node' ) );
:
this.bindNode( 'y', ':bound(x) .my-y-node' );
Matreshka.Array Array . push unshift , , Array.prototype . , - forEach . “” undefined .
Matreshka.Array . - .
Array , .
// this.push( 1, 2, 3 );
, Array.prototype _ . , .
this.on( 'modify', function( evt ) { console.log( evt.customData ); }); this.push_( 1, 2, 3, { customData: 42 });
, , silent: true .
this.push_( 1, 2, 3, { silent: true });
, silentPush, silentPop, silentSplice … - .
Babel . , , Babel. , for..of , , ECMAScript 6 ( , Github), Class , .
. Internet Explorer 8, Class . , - .
, IE8. , “” .
.
, . , , , . , itemRenderer , ( ).
, , , .
?
, , , . : , , , ... .
: . , - . , linkProps , , , .
, . , HTML5 cache . , , .
, :) Ctrl+Enter. .
, , Google Forms, .
(, , ) “ ”, Muut Comments (, ). Github, .
Disqus , , , Facebook Comments . , , .
Disqus , , . , . Disquss, ( , - ). , , , , Disquss . , , .
Facebook Comments, , . -- ; ; , ; … : . Facebook Comments (!). , Google Forms . . - .
… ? ?
, …
IntenseDebate
. . , .
Cackle
500 /. , . . . - “”.
SolidOpinion
. .
, ( ) Muut. , , ( ). - . , Muut. , ( , ). , , , . , . , , .
? *
* , ,
. , : , . ( “ ” “ ”), .
""
CSS Materialize . , DOM, ( ), , CSS . , (, ) . Materialize, , .
js . .jsdoc IDE . TodoMVC , . . CDN: cdnjs jsdelivr ( CDN , jimaek ).
designiac , Rendol , , .
. .
. ..
this.bindNode( 'x', '.my-input' );
for..of Matreshka.Array Matreshka.Object . Internet Explorer (, Babel ), , ECMAScript 6.
for(let item of this) { ... }
__this__ sandbox . , , “”.
this.bindNode( 'sandbox', '.app' );
':sandbox'. , .
this.bindNode( 'x', this.select( '.my-x-node' ) );
:
this.bindNode( 'x', ':sandbox .my-x-node' );
':bound(KEY)' . , . :
// Vanilla this.bindNode( 'y', this.bound( 'x' ).querySelector( '.my-y-node' ) );
:
// jQuery this.bindNode( 'y', this.$bound( 'x' ).find( '.my-y-node' ) );
:
this.bindNode( 'y', ':bound(x) .my-y-node' );
Matreshka.Array Array . push unshift , , Array.prototype . , - forEach . “” undefined .
Matreshka.Array . - .
Array , .
// this.push( 1, 2, 3 );
, Array.prototype _ . , .
this.on( 'modify', function( evt ) { console.log( evt.customData ); }); this.push_( 1, 2, 3, { customData: 42 });
, , silent: true .
this.push_( 1, 2, 3, { silent: true });
, silentPush, silentPop, silentSplice … - .
Babel . , , Babel. , for..of , , ECMAScript 6 ( , Github), Class , .
. Internet Explorer 8, Class . , - .
, IE8. , “” .
.
, . , , , . , itemRenderer , ( ).
, , , .
?
, , , . : , , , ... .
: . , - . , linkProps , , , .
, . , HTML5 cache . , , .
, :) Ctrl+Enter. .
, , Google Forms, .
(, , ) “ ”, Muut Comments (, ). Github, .
Disqus , , , Facebook Comments . , , .
Disqus , , . , . Disquss, ( , - ). , , , , Disquss . , , .
Facebook Comments, , . -- ; ; , ; … : . Facebook Comments (!). , Google Forms . . - .
… ? ?
, …
IntenseDebate
. . , .
Cackle
500 /. , . . . - “”.
SolidOpinion
. .
, ( ) Muut. , , ( ). - . , Muut. , ( , ). , , , . , . , , .
? *
* , ,
. , : , . ( “ ” “ ”), .
""
CSS Materialize . , DOM, ( ), , CSS . , (, ) . Materialize, , .
js . .jsdoc IDE . TodoMVC , . . CDN: cdnjs jsdelivr ( CDN , jimaek ).
designiac , Rendol , , .
. .
. . .
this.bindNode( 'x', '.my-input' );
for..of Matreshka.Array Matreshka.Object . Internet Explorer (, Babel ), , ECMAScript 6.
for(let item of this) { ... }
__this__ sandbox . , , “”.
this.bindNode( 'sandbox', '.app' );
':sandbox'. , .
this.bindNode( 'x', this.select( '.my-x-node' ) );
:
this.bindNode( 'x', ':sandbox .my-x-node' );
':bound(KEY)' . , . :
// Vanilla this.bindNode( 'y', this.bound( 'x' ).querySelector( '.my-y-node' ) );
:
// jQuery this.bindNode( 'y', this.$bound( 'x' ).find( '.my-y-node' ) );
:
this.bindNode( 'y', ':bound(x) .my-y-node' );
Matreshka.Array Array . push unshift , , Array.prototype . , - forEach . “” undefined .
Matreshka.Array . - .
Array , .
// this.push( 1, 2, 3 );
, Array.prototype _ . , .
this.on( 'modify', function( evt ) { console.log( evt.customData ); }); this.push_( 1, 2, 3, { customData: 42 });
, , silent: true .
this.push_( 1, 2, 3, { silent: true });
, silentPush, silentPop, silentSplice … - .
Babel . , , Babel. , for..of , , ECMAScript 6 ( , Github), Class , .
. Internet Explorer 8, Class . , - .
, IE8. , “” .
.
, . , , , . , itemRenderer , ( ).
, , , .
?
, , , . : , , , ... .
: . , - . , linkProps , , , .
, . , HTML5 cache . , , .
, :) Ctrl+Enter. .
, , Google Forms, .
(, , ) “ ”, Muut Comments (, ). Github, .
Disqus , , , Facebook Comments . , , .
Disqus , , . , . Disquss, ( , - ). , , , , Disquss . , , .
Facebook Comments, , . -- ; ; , ; … : . Facebook Comments (!). , Google Forms . . - .
… ? ?
, …
IntenseDebate
. . , .
Cackle
500 /. , . . . - “”.
SolidOpinion
. .
, ( ) Muut. , , ( ). - . , Muut. , ( , ). , , , . , . , , .
? *
* , ,
. , : , . ( “ ” “ ”), .
""
CSS Materialize . , DOM, ( ), , CSS . , (, ) . Materialize, , .
js . .jsdoc IDE . TodoMVC , . . CDN: cdnjs jsdelivr ( CDN , jimaek ).
designiac , Rendol , , .
. .
. ..
this.bindNode( 'x', '.my-input' );
for..of Matreshka.Array Matreshka.Object . Internet Explorer (, Babel ), , ECMAScript 6.
for(let item of this) { ... }
__this__ sandbox . , , “”.
this.bindNode( 'sandbox', '.app' );
':sandbox'. , .
this.bindNode( 'x', this.select( '.my-x-node' ) );
:
this.bindNode( 'x', ':sandbox .my-x-node' );
':bound(KEY)' . , . :
// Vanilla this.bindNode( 'y', this.bound( 'x' ).querySelector( '.my-y-node' ) );
:
// jQuery this.bindNode( 'y', this.$bound( 'x' ).find( '.my-y-node' ) );
:
this.bindNode( 'y', ':bound(x) .my-y-node' );
Matreshka.Array Array . push unshift , , Array.prototype . , - forEach . “” undefined .
Matreshka.Array . - .
Array , .
// this.push( 1, 2, 3 );
, Array.prototype _ . , .
this.on( 'modify', function( evt ) { console.log( evt.customData ); }); this.push_( 1, 2, 3, { customData: 42 });
, , silent: true .
this.push_( 1, 2, 3, { silent: true });
, silentPush, silentPop, silentSplice … - .
Babel . , , Babel. , for..of , , ECMAScript 6 ( , Github), Class , .
. Internet Explorer 8, Class . , - .
, IE8. , “” .
.
, . , , , . , itemRenderer , ( ).
, , , .
?
, , , . : , , , ... .
: . , - . , linkProps , , , .
, . , HTML5 cache . , , .
, :) Ctrl+Enter. .
, , Google Forms, .
(, , ) “ ”, Muut Comments (, ). Github, .
Disqus , , , Facebook Comments . , , .
Disqus , , . , . Disquss, ( , - ). , , , , Disquss . , , .
Facebook Comments, , . -- ; ; , ; … : . Facebook Comments (!). , Google Forms . . - .
… ? ?
, …
IntenseDebate
. . , .
Cackle
500 /. , . . . - “”.
SolidOpinion
. .
, ( ) Muut. , , ( ). - . , Muut. , ( , ). , , , . , . , , .
? *
* , ,
. , : , . ( “ ” “ ”), .
""
CSS Materialize . , DOM, ( ), , CSS . , (, ) . Materialize, , .
js . .jsdoc IDE . TodoMVC , . . CDN: cdnjs jsdelivr ( CDN , jimaek ).
designiac , Rendol , , .
. .
. . .
this.bindNode( 'x', '.my-input' );
for..of Matreshka.Array Matreshka.Object . Internet Explorer (, Babel ), , ECMAScript 6.
for(let item of this) { ... }
__this__ sandbox . , , “”.
this.bindNode( 'sandbox', '.app' );
':sandbox'. , .
this.bindNode( 'x', this.select( '.my-x-node' ) );
:
this.bindNode( 'x', ':sandbox .my-x-node' );
':bound(KEY)' . , . :
// Vanilla this.bindNode( 'y', this.bound( 'x' ).querySelector( '.my-y-node' ) );
:
// jQuery this.bindNode( 'y', this.$bound( 'x' ).find( '.my-y-node' ) );
:
this.bindNode( 'y', ':bound(x) .my-y-node' );
Matreshka.Array Array . push unshift , , Array.prototype . , - forEach . “” undefined .
Matreshka.Array . - .
Array , .
// this.push( 1, 2, 3 );
, Array.prototype _ . , .
this.on( 'modify', function( evt ) { console.log( evt.customData ); }); this.push_( 1, 2, 3, { customData: 42 });
, , silent: true .
this.push_( 1, 2, 3, { silent: true });
, silentPush, silentPop, silentSplice … - .
Babel . , , Babel. , for..of , , ECMAScript 6 ( , Github), Class , .
. Internet Explorer 8, Class . , - .
, IE8. , “” .
.
, . , , , . , itemRenderer , ( ).
, , , .
?
, , , . : , , , ... .
: . , - . , linkProps , , , .
, . , HTML5 cache . , , .
, :) Ctrl+Enter. .
, , Google Forms, .
(, , ) “ ”, Muut Comments (, ). Github, .
Disqus , , , Facebook Comments . , , .
Disqus , , . , . Disquss, ( , - ). , , , , Disquss . , , .
Facebook Comments, , . -- ; ; , ; … : . Facebook Comments (!). , Google Forms . . - .
… ? ?
, …
IntenseDebate
. . , .
Cackle
500 /. , . . . - “”.
SolidOpinion
. .
, ( ) Muut. , , ( ). - . , Muut. , ( , ). , , , . , . , , .
? *
* , ,
. , : , . ( “ ” “ ”), .
""
CSS Materialize . , DOM, ( ), , CSS . , (, ) . Materialize, , .
js . .jsdoc IDE . TodoMVC , . . CDN: cdnjs jsdelivr ( CDN , jimaek ).
designiac , Rendol , , .
. .
. ..
this.bindNode( 'x', '.my-input' );
for..of Matreshka.Array Matreshka.Object . Internet Explorer (, Babel ), , ECMAScript 6.
for(let item of this) { ... }
__this__ sandbox . , , “”.
this.bindNode( 'sandbox', '.app' );
':sandbox'. , .
this.bindNode( 'x', this.select( '.my-x-node' ) );
:
this.bindNode( 'x', ':sandbox .my-x-node' );
':bound(KEY)' . , . :
// Vanilla this.bindNode( 'y', this.bound( 'x' ).querySelector( '.my-y-node' ) );
:
// jQuery this.bindNode( 'y', this.$bound( 'x' ).find( '.my-y-node' ) );
:
this.bindNode( 'y', ':bound(x) .my-y-node' );
Matreshka.Array Array . push unshift , , Array.prototype . , - forEach . “” undefined .
Matreshka.Array . - .
Array , .
// this.push( 1, 2, 3 );
, Array.prototype _ . , .
this.on( 'modify', function( evt ) { console.log( evt.customData ); }); this.push_( 1, 2, 3, { customData: 42 });
, , silent: true .
this.push_( 1, 2, 3, { silent: true });
, silentPush, silentPop, silentSplice … - .
Babel . , , Babel. , for..of , , ECMAScript 6 ( , Github), Class , .
. Internet Explorer 8, Class . , - .
, IE8. , “” .
.
, . , , , . , itemRenderer , ( ).
, , , .
?
, , , . : , , , ... .
: . , - . , linkProps , , , .
, . , HTML5 cache . , , .
, :) Ctrl+Enter. .
, , Google Forms, .
(, , ) “ ”, Muut Comments (, ). Github, .
Disqus , , , Facebook Comments . , , .
Disqus , , . , . Disquss, ( , - ). , , , , Disquss . , , .
Facebook Comments, , . -- ; ; , ; … : . Facebook Comments (!). , Google Forms . . - .
… ? ?
, …
IntenseDebate
. . , .
Cackle
500 /. , . . . - “”.
SolidOpinion
. .
, ( ) Muut. , , ( ). - . , Muut. , ( , ). , , , . , . , , .
? *
* , ,
. , : , . ( “ ” “ ”), .
""
CSS Materialize . , DOM, ( ), , CSS . , (, ) . Materialize, , .
js . .jsdoc IDE . TodoMVC , . . CDN: cdnjs jsdelivr ( CDN , jimaek ).
designiac , Rendol , , .
. .
. . .
this.bindNode( 'x', '.my-input' );
for..of Matreshka.Array Matreshka.Object . Internet Explorer (, Babel ), , ECMAScript 6.
for(let item of this) { ... }
__this__ sandbox . , , “”.
this.bindNode( 'sandbox', '.app' );
':sandbox'. , .
this.bindNode( 'x', this.select( '.my-x-node' ) );
:
this.bindNode( 'x', ':sandbox .my-x-node' );
':bound(KEY)' . , . :
// Vanilla this.bindNode( 'y', this.bound( 'x' ).querySelector( '.my-y-node' ) );
:
// jQuery this.bindNode( 'y', this.$bound( 'x' ).find( '.my-y-node' ) );
:
this.bindNode( 'y', ':bound(x) .my-y-node' );
Matreshka.Array Array . push unshift , , Array.prototype . , - forEach . “” undefined .
Matreshka.Array . - .
Array , .
// this.push( 1, 2, 3 );
, Array.prototype _ . , .
this.on( 'modify', function( evt ) { console.log( evt.customData ); }); this.push_( 1, 2, 3, { customData: 42 });
, , silent: true .
this.push_( 1, 2, 3, { silent: true });
, silentPush, silentPop, silentSplice … - .
Babel . , , Babel. , for..of , , ECMAScript 6 ( , Github), Class , .
. Internet Explorer 8, Class . , - .
, IE8. , “” .
.
, . , , , . , itemRenderer , ( ).
, , , .
?
, , , . : , , , ... .
: . , - . , linkProps , , , .
, . , HTML5 cache . , , .
, :) Ctrl+Enter. .
, , Google Forms, .
(, , ) “ ”, Muut Comments (, ). Github, .
Disqus , , , Facebook Comments . , , .
Disqus , , . , . Disquss, ( , - ). , , , , Disquss . , , .
Facebook Comments, , . -- ; ; , ; … : . Facebook Comments (!). , Google Forms . . - .
… ? ?
, …
IntenseDebate
. . , .
Cackle
500 /. , . . . - “”.
SolidOpinion
. .
, ( ) Muut. , , ( ). - . , Muut. , ( , ). , , , . , . , , .
? *
* , ,
. , : , . ( “ ” “ ”), .
""
CSS Materialize . , DOM, ( ), , CSS . , (, ) . Materialize, , .
js . .jsdoc IDE . TodoMVC , . . CDN: cdnjs jsdelivr ( CDN , jimaek ).
designiac , Rendol , , .
. .
. ..
this.bindNode( 'x', '.my-input' );
for..of Matreshka.Array Matreshka.Object . Internet Explorer (, Babel ), , ECMAScript 6.
for(let item of this) { ... }
__this__ sandbox . , , “”.
this.bindNode( 'sandbox', '.app' );
':sandbox'. , .
this.bindNode( 'x', this.select( '.my-x-node' ) );
:
this.bindNode( 'x', ':sandbox .my-x-node' );
':bound(KEY)' . , . :
// Vanilla this.bindNode( 'y', this.bound( 'x' ).querySelector( '.my-y-node' ) );
:
// jQuery this.bindNode( 'y', this.$bound( 'x' ).find( '.my-y-node' ) );
:
this.bindNode( 'y', ':bound(x) .my-y-node' );
Matreshka.Array Array . push unshift , , Array.prototype . , - forEach . “” undefined .
Matreshka.Array . - .
Array , .
// this.push( 1, 2, 3 );
, Array.prototype _ . , .
this.on( 'modify', function( evt ) { console.log( evt.customData ); }); this.push_( 1, 2, 3, { customData: 42 });
, , silent: true .
this.push_( 1, 2, 3, { silent: true });
, silentPush, silentPop, silentSplice … - .
Babel . , , Babel. , for..of , , ECMAScript 6 ( , Github), Class , .
. Internet Explorer 8, Class . , - .
, IE8. , “” .
.
, . , , , . , itemRenderer , ( ).
, , , .
?
, , , . : , , , ... .
: . , - . , linkProps , , , .
, . , HTML5 cache . , , .
, :) Ctrl+Enter. .
, , Google Forms, .
(, , ) “ ”, Muut Comments (, ). Github, .
Disqus , , , Facebook Comments . , , .
Disqus , , . , . Disquss, ( , - ). , , , , Disquss . , , .
Facebook Comments, , . -- ; ; , ; … : . Facebook Comments (!). , Google Forms . . - .
… ? ?
, …
IntenseDebate
. . , .
Cackle
500 /. , . . . - “”.
SolidOpinion
. .
, ( ) Muut. , , ( ). - . , Muut. , ( , ). , , , . , . , , .
? *
* , ,
. , : , . ( “ ” “ ”), .
""
CSS Materialize . , DOM, ( ), , CSS . , (, ) . Materialize, , .
js . .jsdoc IDE . TodoMVC , . . CDN: cdnjs jsdelivr ( CDN , jimaek ).
designiac , Rendol , , .
. .
. ..
this.bindNode( 'x', '.my-input' );
for..of Matreshka.Array Matreshka.Object . Internet Explorer (, Babel ), , ECMAScript 6.
for(let item of this) { ... }
__this__ sandbox . , , “”.
this.bindNode( 'sandbox', '.app' );
':sandbox'. , .
this.bindNode( 'x', this.select( '.my-x-node' ) );
:
this.bindNode( 'x', ':sandbox .my-x-node' );
':bound(KEY)' . , . :
// Vanilla this.bindNode( 'y', this.bound( 'x' ).querySelector( '.my-y-node' ) );
:
// jQuery this.bindNode( 'y', this.$bound( 'x' ).find( '.my-y-node' ) );
:
this.bindNode( 'y', ':bound(x) .my-y-node' );
Matreshka.Array Array . push unshift , , Array.prototype . , - forEach . “” undefined .
Matreshka.Array . - .
Array , .
// this.push( 1, 2, 3 );
, Array.prototype _ . , .
this.on( 'modify', function( evt ) { console.log( evt.customData ); }); this.push_( 1, 2, 3, { customData: 42 });
, , silent: true .
this.push_( 1, 2, 3, { silent: true });
, silentPush, silentPop, silentSplice … - .
Babel . , , Babel. , for..of , , ECMAScript 6 ( , Github), Class , .
. Internet Explorer 8, Class . , - .
, IE8. , “” .
.
, . , , , . , itemRenderer , ( ).
, , , .
?
, , , . : , , , ... .
: . , - . , linkProps , , , .
, . , HTML5 cache . , , .
, :) Ctrl+Enter. .
, , Google Forms, .
(, , ) “ ”, Muut Comments (, ). Github, .
Disqus , , , Facebook Comments . , , .
Disqus , , . , . Disquss, ( , - ). , , , , Disquss . , , .
Facebook Comments, , . -- ; ; , ; … : . Facebook Comments (!). , Google Forms . . - .
… ? ?
, …
IntenseDebate
. . , .
Cackle
500 /. , . . . - “”.
SolidOpinion
. .
, ( ) Muut. , , ( ). - . , Muut. , ( , ). , , , . , . , , .
? *
* , ,
. , : , . ( “ ” “ ”), .
""
CSS Materialize . , DOM, ( ), , CSS . , (, ) . Materialize, , .
js . .jsdoc IDE . TodoMVC , . . CDN: cdnjs jsdelivr ( CDN , jimaek ).
designiac , Rendol , , .
. .
. .
.
this.bindNode( 'x', '.my-input' );for..of Matreshka.Array Matreshka.Object . Internet Explorer (, Babel ), , ECMAScript 6.for(let item of this) { ... }__this__ sandbox . , , “”.this.bindNode( 'sandbox', '.app' );':sandbox'. , .this.bindNode( 'x', this.select( '.my-x-node' ) );:
this.bindNode( 'x', ':sandbox .my-x-node' );':bound(KEY)' . , . :// Vanilla this.bindNode( 'y', this.bound( 'x' ).querySelector( '.my-y-node' ) );:
// jQuery this.bindNode( 'y', this.$bound( 'x' ).find( '.my-y-node' ) );:
this.bindNode( 'y', ':bound(x) .my-y-node' );Matreshka.Array
Array . push unshift , , Array.prototype . , - forEach . “” undefined .Matreshka.Array . - .Array , .// this.push( 1, 2, 3 );,
Array.prototype _ . , .this.on( 'modify', function( evt ) { console.log( evt.customData ); }); this.push_( 1, 2, 3, { customData: 42 });, ,
silent: true .this.push_( 1, 2, 3, { silent: true });,
silentPush, silentPop, silentSplice … - .Babel . , , Babel. ,
for..of , , ECMAScript 6 ( , Github), Class , .. Internet Explorer 8,
Class . , - ., IE8. , “” .
.
, . , , , . , itemRenderer , ( ).
, , , .
?
, , , . : , , , ... .
:
. , - . , linkProps , , , ., . , HTML5 cache . , , .
, :) Ctrl+Enter. .
, , Google Forms, .
(, , ) “ ”, Muut Comments (, ). Github, .
Disqus , , , Facebook Comments . , , .
Disqus , , . , . Disquss, ( , - ). , , , , Disquss . , , .
Facebook Comments, , . -- ; ; , ; … : . Facebook Comments (!). , Google Forms . . - .
… ? ?
, …
IntenseDebate
. . , .
Cackle
500 /. , . . . - “”.
SolidOpinion
. .
, ( ) Muut. , , ( ). - . , Muut. , ( , ). , , , . , . , , .
? *
* , ,
. , : , . ( “ ” “ ”), .
""
CSS Materialize . , DOM, ( ), , CSS . , (, ) . Materialize, , .
js . .jsdoc IDE . TodoMVC , . . CDN: cdnjs jsdelivr ( CDN , jimaek ).
designiac , Rendol , , .
. .
. .
.
this.bindNode( 'x', '.my-input' );
for..of Matreshka.Array Matreshka.Object . Internet Explorer (, Babel ), , ECMAScript 6.
for(let item of this) { ... }
__this__ sandbox . , , “”.
this.bindNode( 'sandbox', '.app' );
':sandbox'. , .
this.bindNode( 'x', this.select( '.my-x-node' ) );
:
this.bindNode( 'x', ':sandbox .my-x-node' );
':bound(KEY)' . , . :
// Vanilla this.bindNode( 'y', this.bound( 'x' ).querySelector( '.my-y-node' ) );
:
// jQuery this.bindNode( 'y', this.$bound( 'x' ).find( '.my-y-node' ) );
:
this.bindNode( 'y', ':bound(x) .my-y-node' );
Matreshka.Array Array . push unshift , , Array.prototype . , - forEach . “” undefined .
Matreshka.Array . - .
Array , .
// this.push( 1, 2, 3 );
, Array.prototype _ . , .
this.on( 'modify', function( evt ) { console.log( evt.customData ); }); this.push_( 1, 2, 3, { customData: 42 });
, , silent: true .
this.push_( 1, 2, 3, { silent: true });
, silentPush, silentPop, silentSplice … - .
Babel . , , Babel. , for..of , , ECMAScript 6 ( , Github), Class , .
. Internet Explorer 8, Class . , - .
, IE8. , “” .
.
, . , , , . , itemRenderer , ( ).
, , , .
?
, , , . : , , , ... .
: . , - . , linkProps , , , .
, . , HTML5 cache . , , .
, :) Ctrl+Enter. .
, , Google Forms, .
(, , ) “ ”, Muut Comments (, ). Github, .
Disqus , , , Facebook Comments . , , .
Disqus , , . , . Disquss, ( , - ). , , , , Disquss . , , .
Facebook Comments, , . -- ; ; , ; … : . Facebook Comments (!). , Google Forms . . - .
… ? ?
, …
IntenseDebate
. . , .
Cackle
500 /. , . . . - “”.
SolidOpinion
. .
, ( ) Muut. , , ( ). - . , Muut. , ( , ). , , , . , . , , .
? *
* , ,
. , : , . ( “ ” “ ”), .
""
CSS Materialize . , DOM, ( ), , CSS . , (, ) . Materialize, , .
js . .jsdoc IDE . TodoMVC , . . CDN: cdnjs jsdelivr ( CDN , jimaek ).
designiac , Rendol , , .
. .
. ..
this.bindNode( 'x', '.my-input' );
for..of Matreshka.Array Matreshka.Object . Internet Explorer (, Babel ), , ECMAScript 6.
for(let item of this) { ... }
__this__ sandbox . , , “”.
this.bindNode( 'sandbox', '.app' );
':sandbox'. , .
this.bindNode( 'x', this.select( '.my-x-node' ) );
:
this.bindNode( 'x', ':sandbox .my-x-node' );
':bound(KEY)' . , . :
// Vanilla this.bindNode( 'y', this.bound( 'x' ).querySelector( '.my-y-node' ) );
:
// jQuery this.bindNode( 'y', this.$bound( 'x' ).find( '.my-y-node' ) );
:
this.bindNode( 'y', ':bound(x) .my-y-node' );
Matreshka.Array Array . push unshift , , Array.prototype . , - forEach . “” undefined .
Matreshka.Array . - .
Array , .
// this.push( 1, 2, 3 );
, Array.prototype _ . , .
this.on( 'modify', function( evt ) { console.log( evt.customData ); }); this.push_( 1, 2, 3, { customData: 42 });
, , silent: true .
this.push_( 1, 2, 3, { silent: true });
, silentPush, silentPop, silentSplice … - .
Babel . , , Babel. , for..of , , ECMAScript 6 ( , Github), Class , .
. Internet Explorer 8, Class . , - .
, IE8. , “” .
.
, . , , , . , itemRenderer , ( ).
, , , .
?
, , , . : , , , ... .
: . , - . , linkProps , , , .
, . , HTML5 cache . , , .
, :) Ctrl+Enter. .
, , Google Forms, .
(, , ) “ ”, Muut Comments (, ). Github, .
Disqus , , , Facebook Comments . , , .
Disqus , , . , . Disquss, ( , - ). , , , , Disquss . , , .
Facebook Comments, , . -- ; ; , ; … : . Facebook Comments (!). , Google Forms . . - .
… ? ?
, …
IntenseDebate
. . , .
Cackle
500 /. , . . . - “”.
SolidOpinion
. .
, ( ) Muut. , , ( ). - . , Muut. , ( , ). , , , . , . , , .
? *
* , ,
. , : , . ( “ ” “ ”), .
""
CSS Materialize . , DOM, ( ), , CSS . , (, ) . Materialize, , .
js . .jsdoc IDE . TodoMVC , . . CDN: cdnjs jsdelivr ( CDN , jimaek ).
designiac , Rendol , , .
. .
. .
.
this.bindNode( 'x', '.my-input' );for..of Matreshka.Array Matreshka.Object . Internet Explorer (, Babel ), , ECMAScript 6.for(let item of this) { ... }__this__ sandbox . , , “”.this.bindNode( 'sandbox', '.app' );':sandbox'. , .this.bindNode( 'x', this.select( '.my-x-node' ) );:
this.bindNode( 'x', ':sandbox .my-x-node' );':bound(KEY)' . , . :// Vanilla this.bindNode( 'y', this.bound( 'x' ).querySelector( '.my-y-node' ) );:
// jQuery this.bindNode( 'y', this.$bound( 'x' ).find( '.my-y-node' ) );:
this.bindNode( 'y', ':bound(x) .my-y-node' );Matreshka.Array
Array . push unshift , , Array.prototype . , - forEach . “” undefined .Matreshka.Array . - .Array , .// this.push( 1, 2, 3 );,
Array.prototype _ . , .this.on( 'modify', function( evt ) { console.log( evt.customData ); }); this.push_( 1, 2, 3, { customData: 42 });, ,
silent: true .this.push_( 1, 2, 3, { silent: true });,
silentPush, silentPop, silentSplice … - .Babel . , , Babel. ,
for..of , , ECMAScript 6 ( , Github), Class , .. Internet Explorer 8,
Class . , - ., IE8. , “” .
.
, . , , , . , itemRenderer , ( ).
, , , .
?
, , , . : , , , ... .
:
. , - . , linkProps , , , ., . , HTML5 cache . , , .
, :) Ctrl+Enter. .
, , Google Forms, .
(, , ) “ ”, Muut Comments (, ). Github, .
Disqus , , , Facebook Comments . , , .
Disqus , , . , . Disquss, ( , - ). , , , , Disquss . , , .
Facebook Comments, , . -- ; ; , ; … : . Facebook Comments (!). , Google Forms . . - .
… ? ?
, …
IntenseDebate
. . , .
Cackle
500 /. , . . . - “”.
SolidOpinion
. .
, ( ) Muut. , , ( ). - . , Muut. , ( , ). , , , . , . , , .
? *
* , ,
. , : , . ( “ ” “ ”), .
""
CSS Materialize . , DOM, ( ), , CSS . , (, ) . Materialize, , .
js . .jsdoc IDE . TodoMVC , . . CDN: cdnjs jsdelivr ( CDN , jimaek ).
designiac , Rendol , , .
. .
. .
.
this.bindNode( 'x', '.my-input' );
for..of Matreshka.Array Matreshka.Object . Internet Explorer (, Babel ), , ECMAScript 6.
for(let item of this) { ... }
__this__ sandbox . , , “”.
this.bindNode( 'sandbox', '.app' );
':sandbox'. , .
this.bindNode( 'x', this.select( '.my-x-node' ) );
:
this.bindNode( 'x', ':sandbox .my-x-node' );
':bound(KEY)' . , . :
// Vanilla this.bindNode( 'y', this.bound( 'x' ).querySelector( '.my-y-node' ) );
:
// jQuery this.bindNode( 'y', this.$bound( 'x' ).find( '.my-y-node' ) );
:
this.bindNode( 'y', ':bound(x) .my-y-node' );
Matreshka.Array Array . push unshift , , Array.prototype . , - forEach . “” undefined .
Matreshka.Array . - .
Array , .
// this.push( 1, 2, 3 );
, Array.prototype _ . , .
this.on( 'modify', function( evt ) { console.log( evt.customData ); }); this.push_( 1, 2, 3, { customData: 42 });
, , silent: true .
this.push_( 1, 2, 3, { silent: true });
, silentPush, silentPop, silentSplice … - .
Babel . , , Babel. , for..of , , ECMAScript 6 ( , Github), Class , .
. Internet Explorer 8, Class . , - .
, IE8. , “” .
.
, . , , , . , itemRenderer , ( ).
, , , .
?
, , , . : , , , ... .
: . , - . , linkProps , , , .
, . , HTML5 cache . , , .
, :) Ctrl+Enter. .
, , Google Forms, .
(, , ) “ ”, Muut Comments (, ). Github, .
Disqus , , , Facebook Comments . , , .
Disqus , , . , . Disquss, ( , - ). , , , , Disquss . , , .
Facebook Comments, , . -- ; ; , ; … : . Facebook Comments (!). , Google Forms . . - .
… ? ?
, …
IntenseDebate
. . , .
Cackle
500 /. , . . . - “”.
SolidOpinion
. .
, ( ) Muut. , , ( ). - . , Muut. , ( , ). , , , . , . , , .
? *
* , ,
. , : , . ( “ ” “ ”), .
""
CSS Materialize . , DOM, ( ), , CSS . , (, ) . Materialize, , .
js . .jsdoc IDE . TodoMVC , . . CDN: cdnjs jsdelivr ( CDN , jimaek ).
designiac , Rendol , , .
. .
. ..
this.bindNode( 'x', '.my-input' );
for..of Matreshka.Array Matreshka.Object . Internet Explorer (, Babel ), , ECMAScript 6.
for(let item of this) { ... }
__this__ sandbox . , , “”.
this.bindNode( 'sandbox', '.app' );
':sandbox'. , .
this.bindNode( 'x', this.select( '.my-x-node' ) );
:
this.bindNode( 'x', ':sandbox .my-x-node' );
':bound(KEY)' . , . :
// Vanilla this.bindNode( 'y', this.bound( 'x' ).querySelector( '.my-y-node' ) );
:
// jQuery this.bindNode( 'y', this.$bound( 'x' ).find( '.my-y-node' ) );
:
this.bindNode( 'y', ':bound(x) .my-y-node' );
Matreshka.Array Array . push unshift , , Array.prototype . , - forEach . “” undefined .
Matreshka.Array . - .
Array , .
// this.push( 1, 2, 3 );
, Array.prototype _ . , .
this.on( 'modify', function( evt ) { console.log( evt.customData ); }); this.push_( 1, 2, 3, { customData: 42 });
, , silent: true .
this.push_( 1, 2, 3, { silent: true });
, silentPush, silentPop, silentSplice … - .
Babel . , , Babel. , for..of , , ECMAScript 6 ( , Github), Class , .
. Internet Explorer 8, Class . , - .
, IE8. , “” .
.
, . , , , . , itemRenderer , ( ).
, , , .
?
, , , . : , , , ... .
: . , - . , linkProps , , , .
, . , HTML5 cache . , , .
, :) Ctrl+Enter. .
, , Google Forms, .
(, , ) “ ”, Muut Comments (, ). Github, .
Disqus , , , Facebook Comments . , , .
Disqus , , . , . Disquss, ( , - ). , , , , Disquss . , , .
Facebook Comments, , . -- ; ; , ; … : . Facebook Comments (!). , Google Forms . . - .
… ? ?
, …
IntenseDebate
. . , .
Cackle
500 /. , . . . - “”.
SolidOpinion
. .
, ( ) Muut. , , ( ). - . , Muut. , ( , ). , , , . , . , , .
? *
* , ,
. , : , . ( “ ” “ ”), .
""
CSS Materialize . , DOM, ( ), , CSS . , (, ) . Materialize, , .
js . .jsdoc IDE . TodoMVC , . . CDN: cdnjs jsdelivr ( CDN , jimaek ).
designiac , Rendol , , .
. .
. .
.
this.bindNode( 'x', '.my-input' );for..of Matreshka.Array Matreshka.Object . Internet Explorer (, Babel ), , ECMAScript 6.for(let item of this) { ... }__this__ sandbox . , , “”.this.bindNode( 'sandbox', '.app' );':sandbox'. , .this.bindNode( 'x', this.select( '.my-x-node' ) );:
this.bindNode( 'x', ':sandbox .my-x-node' );':bound(KEY)' . , . :// Vanilla this.bindNode( 'y', this.bound( 'x' ).querySelector( '.my-y-node' ) );:
// jQuery this.bindNode( 'y', this.$bound( 'x' ).find( '.my-y-node' ) );:
this.bindNode( 'y', ':bound(x) .my-y-node' );Matreshka.Array
Array . push unshift , , Array.prototype . , - forEach . “” undefined .Matreshka.Array . - .Array , .// this.push( 1, 2, 3 );,
Array.prototype _ . , .this.on( 'modify', function( evt ) { console.log( evt.customData ); }); this.push_( 1, 2, 3, { customData: 42 });, ,
silent: true .this.push_( 1, 2, 3, { silent: true });,
silentPush, silentPop, silentSplice … - .Babel . , , Babel. ,
for..of , , ECMAScript 6 ( , Github), Class , .. Internet Explorer 8,
Class . , - ., IE8. , “” .
.
, . , , , . , itemRenderer , ( ).
, , , .
?
, , , . : , , , ... .
:
. , - . , linkProps , , , ., . , HTML5 cache . , , .
, :) Ctrl+Enter. .
, , Google Forms, .
(, , ) “ ”, Muut Comments (, ). Github, .
Disqus , , , Facebook Comments . , , .
Disqus , , . , . Disquss, ( , - ). , , , , Disquss . , , .
Facebook Comments, , . -- ; ; , ; … : . Facebook Comments (!). , Google Forms . . - .
… ? ?
, …
IntenseDebate
. . , .
Cackle
500 /. , . . . - “”.
SolidOpinion
. .
, ( ) Muut. , , ( ). - . , Muut. , ( , ). , , , . , . , , .
? *
* , ,
. , : , . ( “ ” “ ”), .
""
CSS Materialize . , DOM, ( ), , CSS . , (, ) . Materialize, , .
js . .jsdoc IDE . TodoMVC , . . CDN: cdnjs jsdelivr ( CDN , jimaek ).
designiac , Rendol , , .
. .
. .
.
this.bindNode( 'x', '.my-input' );
for..of Matreshka.Array Matreshka.Object . Internet Explorer (, Babel ), , ECMAScript 6.
for(let item of this) { ... }
__this__ sandbox . , , “”.
this.bindNode( 'sandbox', '.app' );
':sandbox'. , .
this.bindNode( 'x', this.select( '.my-x-node' ) );
:
this.bindNode( 'x', ':sandbox .my-x-node' );
':bound(KEY)' . , . :
// Vanilla this.bindNode( 'y', this.bound( 'x' ).querySelector( '.my-y-node' ) );
:
// jQuery this.bindNode( 'y', this.$bound( 'x' ).find( '.my-y-node' ) );
:
this.bindNode( 'y', ':bound(x) .my-y-node' );
Matreshka.Array Array . push unshift , , Array.prototype . , - forEach . “” undefined .
Matreshka.Array . - .
Array , .
// this.push( 1, 2, 3 );
, Array.prototype _ . , .
this.on( 'modify', function( evt ) { console.log( evt.customData ); }); this.push_( 1, 2, 3, { customData: 42 });
, , silent: true .
this.push_( 1, 2, 3, { silent: true });
, silentPush, silentPop, silentSplice … - .
Babel . , , Babel. , for..of , , ECMAScript 6 ( , Github), Class , .
. Internet Explorer 8, Class . , - .
, IE8. , “” .
.
, . , , , . , itemRenderer , ( ).
, , , .
?
, , , . : , , , ... .
: . , - . , linkProps , , , .
, . , HTML5 cache . , , .
, :) Ctrl+Enter. .
, , Google Forms, .
(, , ) “ ”, Muut Comments (, ). Github, .
Disqus , , , Facebook Comments . , , .
Disqus , , . , . Disquss, ( , - ). , , , , Disquss . , , .
Facebook Comments, , . -- ; ; , ; … : . Facebook Comments (!). , Google Forms . . - .
… ? ?
, …
IntenseDebate
. . , .
Cackle
500 /. , . . . - “”.
SolidOpinion
. .
, ( ) Muut. , , ( ). - . , Muut. , ( , ). , , , . , . , , .
? *
* , ,
. , : , . ( “ ” “ ”), .
""
CSS Materialize . , DOM, ( ), , CSS . , (, ) . Materialize, , .
js . .jsdoc IDE . TodoMVC , . . CDN: cdnjs jsdelivr ( CDN , jimaek ).
designiac , Rendol , , .
. .
. ..
this.bindNode( 'x', '.my-input' );
for..of Matreshka.Array Matreshka.Object . Internet Explorer (, Babel ), , ECMAScript 6.
for(let item of this) { ... }
__this__ sandbox . , , “”.
this.bindNode( 'sandbox', '.app' );
':sandbox'. , .
this.bindNode( 'x', this.select( '.my-x-node' ) );
:
this.bindNode( 'x', ':sandbox .my-x-node' );
':bound(KEY)' . , . :
// Vanilla this.bindNode( 'y', this.bound( 'x' ).querySelector( '.my-y-node' ) );
:
// jQuery this.bindNode( 'y', this.$bound( 'x' ).find( '.my-y-node' ) );
:
this.bindNode( 'y', ':bound(x) .my-y-node' );
Matreshka.Array Array . push unshift , , Array.prototype . , - forEach . “” undefined .
Matreshka.Array . - .
Array , .
// this.push( 1, 2, 3 );
, Array.prototype _ . , .
this.on( 'modify', function( evt ) { console.log( evt.customData ); }); this.push_( 1, 2, 3, { customData: 42 });
, , silent: true .
this.push_( 1, 2, 3, { silent: true });
, silentPush, silentPop, silentSplice … - .
Babel . , , Babel. , for..of , , ECMAScript 6 ( , Github), Class , .
. Internet Explorer 8, Class . , - .
, IE8. , “” .
.
, . , , , . , itemRenderer , ( ).
, , , .
?
, , , . : , , , ... .
: . , - . , linkProps , , , .
, . , HTML5 cache . , , .
, :) Ctrl+Enter. .
, , Google Forms, .
(, , ) “ ”, Muut Comments (, ). Github, .
Disqus , , , Facebook Comments . , , .
Disqus , , . , . Disquss, ( , - ). , , , , Disquss . , , .
Facebook Comments, , . -- ; ; , ; … : . Facebook Comments (!). , Google Forms . . - .
… ? ?
, …
IntenseDebate
. . , .
Cackle
500 /. , . . . - “”.
SolidOpinion
. .
, ( ) Muut. , , ( ). - . , Muut. , ( , ). , , , . , . , , .
? *
* , ,
. , : , . ( “ ” “ ”), .
""
CSS Materialize . , DOM, ( ), , CSS . , (, ) . Materialize, , .
js . .jsdoc IDE . TodoMVC , . . CDN: cdnjs jsdelivr ( CDN , jimaek ).
designiac , Rendol , , .
. .
. .
.
this.bindNode( 'x', '.my-input' );for..of Matreshka.Array Matreshka.Object . Internet Explorer (, Babel ), , ECMAScript 6.for(let item of this) { ... }__this__ sandbox . , , “”.this.bindNode( 'sandbox', '.app' );':sandbox'. , .this.bindNode( 'x', this.select( '.my-x-node' ) );:
this.bindNode( 'x', ':sandbox .my-x-node' );':bound(KEY)' . , . :// Vanilla this.bindNode( 'y', this.bound( 'x' ).querySelector( '.my-y-node' ) );:
// jQuery this.bindNode( 'y', this.$bound( 'x' ).find( '.my-y-node' ) );:
this.bindNode( 'y', ':bound(x) .my-y-node' );Matreshka.Array
Array . push unshift , , Array.prototype . , - forEach . “” undefined .Matreshka.Array . - .Array , .// this.push( 1, 2, 3 );,
Array.prototype _ . , .this.on( 'modify', function( evt ) { console.log( evt.customData ); }); this.push_( 1, 2, 3, { customData: 42 });, ,
silent: true .this.push_( 1, 2, 3, { silent: true });,
silentPush, silentPop, silentSplice … - .Babel . , , Babel. ,
for..of , , ECMAScript 6 ( , Github), Class , .. Internet Explorer 8,
Class . , - ., IE8. , “” .
.
, . , , , . , itemRenderer , ( ).
, , , .
?
, , , . : , , , ... .
:
. , - . , linkProps , , , ., . , HTML5 cache . , , .
, :) Ctrl+Enter. .
, , Google Forms, .
(, , ) “ ”, Muut Comments (, ). Github, .
Disqus , , , Facebook Comments . , , .
Disqus , , . , . Disquss, ( , - ). , , , , Disquss . , , .
Facebook Comments, , . -- ; ; , ; … : . Facebook Comments (!). , Google Forms . . - .
… ? ?
, …
IntenseDebate
. . , .
Cackle
500 /. , . . . - “”.
SolidOpinion
. .
, ( ) Muut. , , ( ). - . , Muut. , ( , ). , , , . , . , , .
? *
* , ,
. , : , . ( “ ” “ ”), .
""
CSS Materialize . , DOM, ( ), , CSS . , (, ) . Materialize, , .
js . .jsdoc IDE . TodoMVC , . . CDN: cdnjs jsdelivr ( CDN , jimaek ).
designiac , Rendol , , .
. .
. .
.
this.bindNode( 'x', '.my-input' );
for..of Matreshka.Array Matreshka.Object . Internet Explorer (, Babel ), , ECMAScript 6.
for(let item of this) { ... }
__this__ sandbox . , , “”.
this.bindNode( 'sandbox', '.app' );
':sandbox'. , .
this.bindNode( 'x', this.select( '.my-x-node' ) );
:
this.bindNode( 'x', ':sandbox .my-x-node' );
':bound(KEY)' . , . :
// Vanilla this.bindNode( 'y', this.bound( 'x' ).querySelector( '.my-y-node' ) );
:
// jQuery this.bindNode( 'y', this.$bound( 'x' ).find( '.my-y-node' ) );
:
this.bindNode( 'y', ':bound(x) .my-y-node' );
Matreshka.Array Array . push unshift , , Array.prototype . , - forEach . “” undefined .
Matreshka.Array . - .
Array , .
// this.push( 1, 2, 3 );
, Array.prototype _ . , .
this.on( 'modify', function( evt ) { console.log( evt.customData ); }); this.push_( 1, 2, 3, { customData: 42 });
, , silent: true .
this.push_( 1, 2, 3, { silent: true });
, silentPush, silentPop, silentSplice … - .
Babel . , , Babel. , for..of , , ECMAScript 6 ( , Github), Class , .
. Internet Explorer 8, Class . , - .
, IE8. , “” .
.
, . , , , . , itemRenderer , ( ).
, , , .
?
, , , . : , , , ... .
: . , - . , linkProps , , , .
, . , HTML5 cache . , , .
, :) Ctrl+Enter. .
, , Google Forms, .
(, , ) “ ”, Muut Comments (, ). Github, .
Disqus , , , Facebook Comments . , , .
Disqus , , . , . Disquss, ( , - ). , , , , Disquss . , , .
Facebook Comments, , . -- ; ; , ; … : . Facebook Comments (!). , Google Forms . . - .
… ? ?
, …
IntenseDebate
. . , .
Cackle
500 /. , . . . - “”.
SolidOpinion
. .
, ( ) Muut. , , ( ). - . , Muut. , ( , ). , , , . , . , , .
? *
* , ,
. , : , . ( “ ” “ ”), .
""
CSS Materialize . , DOM, ( ), , CSS . , (, ) . Materialize, , .
js . .jsdoc IDE . TodoMVC , . . CDN: cdnjs jsdelivr ( CDN , jimaek ).
designiac , Rendol , , .
. .
. ..
this.bindNode( 'x', '.my-input' );
for..of Matreshka.Array Matreshka.Object . Internet Explorer (, Babel ), , ECMAScript 6.
for(let item of this) { ... }
__this__ sandbox . , , “”.
this.bindNode( 'sandbox', '.app' );
':sandbox'. , .
this.bindNode( 'x', this.select( '.my-x-node' ) );
:
this.bindNode( 'x', ':sandbox .my-x-node' );
':bound(KEY)' . , . :
// Vanilla this.bindNode( 'y', this.bound( 'x' ).querySelector( '.my-y-node' ) );
:
// jQuery this.bindNode( 'y', this.$bound( 'x' ).find( '.my-y-node' ) );
:
this.bindNode( 'y', ':bound(x) .my-y-node' );
Matreshka.Array Array . push unshift , , Array.prototype . , - forEach . “” undefined .
Matreshka.Array . - .
Array , .
// this.push( 1, 2, 3 );
, Array.prototype _ . , .
this.on( 'modify', function( evt ) { console.log( evt.customData ); }); this.push_( 1, 2, 3, { customData: 42 });
, , silent: true .
this.push_( 1, 2, 3, { silent: true });
, silentPush, silentPop, silentSplice … - .
Babel . , , Babel. , for..of , , ECMAScript 6 ( , Github), Class , .
. Internet Explorer 8, Class . , - .
, IE8. , “” .
.
, . , , , . , itemRenderer , ( ).
, , , .
?
, , , . : , , , ... .
: . , - . , linkProps , , , .
, . , HTML5 cache . , , .
, :) Ctrl+Enter. .
, , Google Forms, .
(, , ) “ ”, Muut Comments (, ). Github, .
Disqus , , , Facebook Comments . , , .
Disqus , , . , . Disquss, ( , - ). , , , , Disquss . , , .
Facebook Comments, , . -- ; ; , ; … : . Facebook Comments (!). , Google Forms . . - .
… ? ?
, …
IntenseDebate
. . , .
Cackle
500 /. , . . . - “”.
SolidOpinion
. .
, ( ) Muut. , , ( ). - . , Muut. , ( , ). , , , . , . , , .
? *
* , ,
. , : , . ( “ ” “ ”), .
""
CSS Materialize . , DOM, ( ), , CSS . , (, ) . Materialize, , .
js . .jsdoc IDE . TodoMVC , . . CDN: cdnjs jsdelivr ( CDN , jimaek ).
designiac , Rendol , , .
. .
. .
.
this.bindNode( 'x', '.my-input' );for..of Matreshka.Array Matreshka.Object . Internet Explorer (, Babel ), , ECMAScript 6.for(let item of this) { ... }__this__ sandbox . , , “”.this.bindNode( 'sandbox', '.app' );':sandbox'. , .this.bindNode( 'x', this.select( '.my-x-node' ) );:
this.bindNode( 'x', ':sandbox .my-x-node' );':bound(KEY)' . , . :// Vanilla this.bindNode( 'y', this.bound( 'x' ).querySelector( '.my-y-node' ) );:
// jQuery this.bindNode( 'y', this.$bound( 'x' ).find( '.my-y-node' ) );:
this.bindNode( 'y', ':bound(x) .my-y-node' );Matreshka.Array
Array . push unshift , , Array.prototype . , - forEach . “” undefined .Matreshka.Array . - .Array , .// this.push( 1, 2, 3 );,
Array.prototype _ . , .this.on( 'modify', function( evt ) { console.log( evt.customData ); }); this.push_( 1, 2, 3, { customData: 42 });, ,
silent: true .this.push_( 1, 2, 3, { silent: true });,
silentPush, silentPop, silentSplice … - .Babel . , , Babel. ,
for..of , , ECMAScript 6 ( , Github), Class , .. Internet Explorer 8,
Class . , - ., IE8. , “” .
.
, . , , , . , itemRenderer , ( ).
, , , .
?
, , , . : , , , ... .
:
. , - . , linkProps , , , ., . , HTML5 cache . , , .
, :) Ctrl+Enter. .
, , Google Forms, .
(, , ) “ ”, Muut Comments (, ). Github, .
Disqus , , , Facebook Comments . , , .
Disqus , , . , . Disquss, ( , - ). , , , , Disquss . , , .
Facebook Comments, , . -- ; ; , ; … : . Facebook Comments (!). , Google Forms . . - .
… ? ?
, …
IntenseDebate
. . , .
Cackle
500 /. , . . . - “”.
SolidOpinion
. .
, ( ) Muut. , , ( ). - . , Muut. , ( , ). , , , . , . , , .
? *
* , ,
. , : , . ( “ ” “ ”), .
""
CSS Materialize . , DOM, ( ), , CSS . , (, ) . Materialize, , .
js . .jsdoc IDE . TodoMVC , . . CDN: cdnjs jsdelivr ( CDN , jimaek ).
designiac , Rendol , , .
. .
. .
.
this.bindNode( 'x', '.my-input' );
for..of Matreshka.Array Matreshka.Object . Internet Explorer (, Babel ), , ECMAScript 6.
for(let item of this) { ... }
__this__ sandbox . , , “”.
this.bindNode( 'sandbox', '.app' );
':sandbox'. , .
this.bindNode( 'x', this.select( '.my-x-node' ) );
:
this.bindNode( 'x', ':sandbox .my-x-node' );
':bound(KEY)' . , . :
// Vanilla this.bindNode( 'y', this.bound( 'x' ).querySelector( '.my-y-node' ) );
:
// jQuery this.bindNode( 'y', this.$bound( 'x' ).find( '.my-y-node' ) );
:
this.bindNode( 'y', ':bound(x) .my-y-node' );
Matreshka.Array Array . push unshift , , Array.prototype . , - forEach . “” undefined .
Matreshka.Array . - .
Array , .
// this.push( 1, 2, 3 );
, Array.prototype _ . , .
this.on( 'modify', function( evt ) { console.log( evt.customData ); }); this.push_( 1, 2, 3, { customData: 42 });
, , silent: true .
this.push_( 1, 2, 3, { silent: true });
, silentPush, silentPop, silentSplice … - .
Babel . , , Babel. , for..of , , ECMAScript 6 ( , Github), Class , .
. Internet Explorer 8, Class . , - .
, IE8. , “” .
.
, . , , , . , itemRenderer , ( ).
, , , .
?
, , , . : , , , ... .
: . , - . , linkProps , , , .
, . , HTML5 cache . , , .
, :) Ctrl+Enter. .
, , Google Forms, .
(, , ) “ ”, Muut Comments (, ). Github, .
Disqus , , , Facebook Comments . , , .
Disqus , , . , . Disquss, ( , - ). , , , , Disquss . , , .
Facebook Comments, , . -- ; ; , ; … : . Facebook Comments (!). , Google Forms . . - .
… ? ?
, …
IntenseDebate
. . , .
Cackle
500 /. , . . . - “”.
SolidOpinion
. .
, ( ) Muut. , , ( ). - . , Muut. , ( , ). , , , . , . , , .
? *
* , ,
. , : , . ( “ ” “ ”), .
""
CSS Materialize . , DOM, ( ), , CSS . , (, ) . Materialize, , .
js . .jsdoc IDE . TodoMVC , . . CDN: cdnjs jsdelivr ( CDN , jimaek ).
designiac , Rendol , , .
. .
. ..
this.bindNode( 'x', '.my-input' );for..ofMatreshka.Array Matreshka.Object . Internet Explorer (, Babel ), , ECMAScript 6.for(let item of this) { ... }__this__sandbox. , , “”.this.bindNode( 'sandbox', '.app' );':sandbox'., .this.bindNode( 'x', this.select( '.my-x-node' ) );
:this.bindNode( 'x', ':sandbox .my-x-node' );':bound(KEY)'. , . :// Vanilla this.bindNode( 'y', this.bound( 'x' ).querySelector( '.my-y-node' ) );
:// jQuery this.bindNode( 'y', this.$bound( 'x' ).find( '.my-y-node' ) );
:this.bindNode( 'y', ':bound(x) .my-y-node' );
Matreshka.ArrayArray.pushunshift, ,Array.prototype. , -forEach. “”undefined.Matreshka.Array. - .Array, .// this.push( 1, 2, 3 );
,Array.prototype_ . , .this.on( 'modify', function( evt ) { console.log( evt.customData ); }); this.push_( 1, 2, 3, { customData: 42 });
, ,silent: true.this.push_( 1, 2, 3, { silent: true });
,silentPush, silentPop, silentSplice… - .
Babel . , , Babel. ,for..of, , ECMAScript 6 ( , Github), Class , .
. Internet Explorer 8,Class. , - .
, IE8. , “” .
.
, . , , , . , itemRenderer , ( ).
, , , .
?
, , , . : , , , ... .
: . , - . , linkProps , , , .
, . , HTML5 cache . , , .
, :) Ctrl+Enter. .
, , Google Forms, .
(, , ) “ ”, Muut Comments (, ). Github, .
Disqus , , , Facebook Comments . , , .
Disqus , , . , . Disquss, ( , - ). , , , , Disquss . , , .
Facebook Comments, , . -- ; ; , ; … : . Facebook Comments (!). , Google Forms . . - .
… ? ?
, …
IntenseDebate
. . , .
Cackle
500 /. , . . . - “”.
SolidOpinion
. .
, ( ) Muut. , , ( ). - . , Muut. , ( , ). , , , . , . , , .
? *
* , ,
. , : , . ( “ ” “ ”), .
""
CSS Materialize . , DOM, ( ), , CSS . , (, ) . Materialize, , .
js . .jsdoc IDE . TodoMVC , . . CDN: cdnjs jsdelivr ( CDN , jimaek ).
designiac , Rendol , , .
. .
. ..
this.bindNode( 'x', '.my-input' );for..ofMatreshka.Array Matreshka.Object . Internet Explorer (, Babel ), , ECMAScript 6.for(let item of this) { ... }__this__sandbox. , , “”.this.bindNode( 'sandbox', '.app' );':sandbox'., .this.bindNode( 'x', this.select( '.my-x-node' ) );
:this.bindNode( 'x', ':sandbox .my-x-node' );':bound(KEY)'. , . :// Vanilla this.bindNode( 'y', this.bound( 'x' ).querySelector( '.my-y-node' ) );
:// jQuery this.bindNode( 'y', this.$bound( 'x' ).find( '.my-y-node' ) );
:this.bindNode( 'y', ':bound(x) .my-y-node' );
Matreshka.ArrayArray.pushunshift, ,Array.prototype. , -forEach. “”undefined.Matreshka.Array. - .Array, .// this.push( 1, 2, 3 );
,Array.prototype_ . , .this.on( 'modify', function( evt ) { console.log( evt.customData ); }); this.push_( 1, 2, 3, { customData: 42 });
, ,silent: true.this.push_( 1, 2, 3, { silent: true });
,silentPush, silentPop, silentSplice… - .
Babel . , , Babel. ,for..of, , ECMAScript 6 ( , Github), Class , .
. Internet Explorer 8,Class. , - .
, IE8. , “” .
.
, . , , , . , itemRenderer , ( ).
, , , .
?
, , , . : , , , ... .
: . , - . , linkProps , , , .
, . , HTML5 cache . , , .
, :) Ctrl+Enter. .
, , Google Forms, .
(, , ) “ ”, Muut Comments (, ). Github, .
Disqus , , , Facebook Comments . , , .
Disqus , , . , . Disquss, ( , - ). , , , , Disquss . , , .
Facebook Comments, , . -- ; ; , ; … : . Facebook Comments (!). , Google Forms . . - .
… ? ?
, …
IntenseDebate
. . , .
Cackle
500 /. , . . . - “”.
SolidOpinion
. .
, ( ) Muut. , , ( ). - . , Muut. , ( , ). , , , . , . , , .
? *
* , ,
. , : , . ( “ ” “ ”), .
""
CSS Materialize . , DOM, ( ), , CSS . , (, ) . Materialize, , .
js . .jsdoc IDE . TodoMVC , . . CDN: cdnjs jsdelivr ( CDN , jimaek ).
designiac , Rendol , , .
. .
. ..
this.bindNode( 'x', '.my-input' );for..ofMatreshka.Array Matreshka.Object . Internet Explorer (, Babel ), , ECMAScript 6.for(let item of this) { ... }__this__sandbox. , , “”.this.bindNode( 'sandbox', '.app' );':sandbox'., .this.bindNode( 'x', this.select( '.my-x-node' ) );
:this.bindNode( 'x', ':sandbox .my-x-node' );':bound(KEY)'. , . :// Vanilla this.bindNode( 'y', this.bound( 'x' ).querySelector( '.my-y-node' ) );
:// jQuery this.bindNode( 'y', this.$bound( 'x' ).find( '.my-y-node' ) );
:this.bindNode( 'y', ':bound(x) .my-y-node' );
Matreshka.ArrayArray.pushunshift, ,Array.prototype. , -forEach. “”undefined.Matreshka.Array. - .Array, .// this.push( 1, 2, 3 );
,Array.prototype_ . , .this.on( 'modify', function( evt ) { console.log( evt.customData ); }); this.push_( 1, 2, 3, { customData: 42 });
, ,silent: true.this.push_( 1, 2, 3, { silent: true });
,silentPush, silentPop, silentSplice… - .
Babel . , , Babel. ,for..of, , ECMAScript 6 ( , Github), Class , .
. Internet Explorer 8,Class. , - .
, IE8. , “” .
.
, . , , , . , itemRenderer , ( ).
, , , .
?
, , , . : , , , ... .
: . , - . , linkProps , , , .
, . , HTML5 cache . , , .
, :) Ctrl+Enter. .
, , Google Forms, .
(, , ) “ ”, Muut Comments (, ). Github, .
Disqus , , , Facebook Comments . , , .
Disqus , , . , . Disquss, ( , - ). , , , , Disquss . , , .
Facebook Comments, , . -- ; ; , ; … : . Facebook Comments (!). , Google Forms . . - .
… ? ?
, …
IntenseDebate
. . , .
Cackle
500 /. , . . . - “”.
SolidOpinion
. .
, ( ) Muut. , , ( ). - . , Muut. , ( , ). , , , . , . , , .
? *
* , ,
. , : , . ( “ ” “ ”), .
""
CSS Materialize . , DOM, ( ), , CSS . , (, ) . Materialize, , .
js . .jsdoc IDE . TodoMVC , . . CDN: cdnjs jsdelivr ( CDN , jimaek ).
designiac , Rendol , , .
. .
. .
.
this.bindNode( 'x', '.my-input' );
for..of Matreshka.Array Matreshka.Object . Internet Explorer (, Babel ), , ECMAScript 6.
for(let item of this) { ... }
__this__ sandbox . , , “”.
this.bindNode( 'sandbox', '.app' );
':sandbox'. , .
this.bindNode( 'x', this.select( '.my-x-node' ) );
:
this.bindNode( 'x', ':sandbox .my-x-node' );
':bound(KEY)' . , . :
// Vanilla this.bindNode( 'y', this.bound( 'x' ).querySelector( '.my-y-node' ) );
:
// jQuery this.bindNode( 'y', this.$bound( 'x' ).find( '.my-y-node' ) );
:
this.bindNode( 'y', ':bound(x) .my-y-node' );
Matreshka.Array Array . push unshift , , Array.prototype . , - forEach . “” undefined .
Matreshka.Array . - .
Array , .
// this.push( 1, 2, 3 );
, Array.prototype _ . , .
this.on( 'modify', function( evt ) { console.log( evt.customData ); }); this.push_( 1, 2, 3, { customData: 42 });
, , silent: true .
this.push_( 1, 2, 3, { silent: true });
, silentPush, silentPop, silentSplice … - .
Babel . , , Babel. , for..of , , ECMAScript 6 ( , Github), Class , .
. Internet Explorer 8, Class . , - .
, IE8. , “” .
.
, . , , , . , itemRenderer , ( ).
, , , .
?
, , , . : , , , ... .
: . , - . , linkProps , , , .
, . , HTML5 cache . , , .
, :) Ctrl+Enter. .
, , Google Forms, .
(, , ) “ ”, Muut Comments (, ). Github, .
Disqus , , , Facebook Comments . , , .
Disqus , , . , . Disquss, ( , - ). , , , , Disquss . , , .
Facebook Comments, , . -- ; ; , ; … : . Facebook Comments (!). , Google Forms . . - .
… ? ?
, …
IntenseDebate
. . , .
Cackle
500 /. , . . . - “”.
SolidOpinion
. .
, ( ) Muut. , , ( ). - . , Muut. , ( , ). , , , . , . , , .
? *
* , ,
. , : , . ( “ ” “ ”), .
""
CSS Materialize . , DOM, ( ), , CSS . , (, ) . Materialize, , .
js . .jsdoc IDE . TodoMVC , . . CDN: cdnjs jsdelivr ( CDN , jimaek ).
designiac , Rendol , , .
. .
. ..
this.bindNode( 'x', '.my-input' );for..ofMatreshka.Array Matreshka.Object . Internet Explorer (, Babel ), , ECMAScript 6.for(let item of this) { ... }__this__sandbox. , , “”.this.bindNode( 'sandbox', '.app' );':sandbox'., .this.bindNode( 'x', this.select( '.my-x-node' ) );
:this.bindNode( 'x', ':sandbox .my-x-node' );':bound(KEY)'. , . :// Vanilla this.bindNode( 'y', this.bound( 'x' ).querySelector( '.my-y-node' ) );
:// jQuery this.bindNode( 'y', this.$bound( 'x' ).find( '.my-y-node' ) );
:this.bindNode( 'y', ':bound(x) .my-y-node' );
Matreshka.ArrayArray.pushunshift, ,Array.prototype. , -forEach. “”undefined.Matreshka.Array. - .Array, .// this.push( 1, 2, 3 );
,Array.prototype_ . , .this.on( 'modify', function( evt ) { console.log( evt.customData ); }); this.push_( 1, 2, 3, { customData: 42 });
, ,silent: true.this.push_( 1, 2, 3, { silent: true });
,silentPush, silentPop, silentSplice… - .
Babel . , , Babel. ,for..of, , ECMAScript 6 ( , Github), Class , .
. Internet Explorer 8,Class. , - .
, IE8. , “” .
.
, . , , , . , itemRenderer , ( ).
, , , .
?
, , , . : , , , ... .
: . , - . , linkProps , , , .
, . , HTML5 cache . , , .
, :) Ctrl+Enter. .
, , Google Forms, .
(, , ) “ ”, Muut Comments (, ). Github, .
Disqus , , , Facebook Comments . , , .
Disqus , , . , . Disquss, ( , - ). , , , , Disquss . , , .
Facebook Comments, , . -- ; ; , ; … : . Facebook Comments (!). , Google Forms . . - .
… ? ?
, …
IntenseDebate
. . , .
Cackle
500 /. , . . . - “”.
SolidOpinion
. .
, ( ) Muut. , , ( ). - . , Muut. , ( , ). , , , . , . , , .
? *
* , ,
. , : , . ( “ ” “ ”), .
""
CSS Materialize . , DOM, ( ), , CSS . , (, ) . Materialize, , .
js . .jsdoc IDE . TodoMVC , . . CDN: cdnjs jsdelivr ( CDN , jimaek ).
designiac , Rendol , , .
. .
. ..
this.bindNode( 'x', '.my-input' );for..ofMatreshka.Array Matreshka.Object . Internet Explorer (, Babel ), , ECMAScript 6.for(let item of this) { ... }__this__sandbox. , , “”.this.bindNode( 'sandbox', '.app' );':sandbox'., .this.bindNode( 'x', this.select( '.my-x-node' ) );
:this.bindNode( 'x', ':sandbox .my-x-node' );':bound(KEY)'. , . :// Vanilla this.bindNode( 'y', this.bound( 'x' ).querySelector( '.my-y-node' ) );
:// jQuery this.bindNode( 'y', this.$bound( 'x' ).find( '.my-y-node' ) );
:this.bindNode( 'y', ':bound(x) .my-y-node' );
Matreshka.ArrayArray.pushunshift, ,Array.prototype. , -forEach. “”undefined.Matreshka.Array. - .Array, .// this.push( 1, 2, 3 );
,Array.prototype_ . , .this.on( 'modify', function( evt ) { console.log( evt.customData ); }); this.push_( 1, 2, 3, { customData: 42 });
, ,silent: true.this.push_( 1, 2, 3, { silent: true });
,silentPush, silentPop, silentSplice… - .
Babel . , , Babel. ,for..of, , ECMAScript 6 ( , Github), Class , .
. Internet Explorer 8,Class. , - .
, IE8. , “” .
.
, . , , , . , itemRenderer , ( ).
, , , .
?
, , , . : , , , ... .
: . , - . , linkProps , , , .
, . , HTML5 cache . , , .
, :) Ctrl+Enter. .
, , Google Forms, .
(, , ) “ ”, Muut Comments (, ). Github, .
Disqus , , , Facebook Comments . , , .
Disqus , , . , . Disquss, ( , - ). , , , , Disquss . , , .
Facebook Comments, , . -- ; ; , ; … : . Facebook Comments (!). , Google Forms . . - .
… ? ?
, …
IntenseDebate
. . , .
Cackle
500 /. , . . . - “”.
SolidOpinion
. .
, ( ) Muut. , , ( ). - . , Muut. , ( , ). , , , . , . , , .
? *
* , ,
. , : , . ( “ ” “ ”), .
""
CSS Materialize . , DOM, ( ), , CSS . , (, ) . Materialize, , .
js . .jsdoc IDE . TodoMVC , . . CDN: cdnjs jsdelivr ( CDN , jimaek ).
designiac , Rendol , , .
. .
. .
.
this.bindNode( 'x', '.my-input' );
for..of Matreshka.Array Matreshka.Object . Internet Explorer (, Babel ), , ECMAScript 6.
for(let item of this) { ... }
__this__ sandbox . , , “”.
this.bindNode( 'sandbox', '.app' );
':sandbox'. , .
this.bindNode( 'x', this.select( '.my-x-node' ) );
:
this.bindNode( 'x', ':sandbox .my-x-node' );
':bound(KEY)' . , . :
// Vanilla this.bindNode( 'y', this.bound( 'x' ).querySelector( '.my-y-node' ) );
:
// jQuery this.bindNode( 'y', this.$bound( 'x' ).find( '.my-y-node' ) );
:
this.bindNode( 'y', ':bound(x) .my-y-node' );
Matreshka.Array Array . push unshift , , Array.prototype . , - forEach . “” undefined .
Matreshka.Array . - .
Array , .
// this.push( 1, 2, 3 );
, Array.prototype _ . , .
this.on( 'modify', function( evt ) { console.log( evt.customData ); }); this.push_( 1, 2, 3, { customData: 42 });
, , silent: true .
this.push_( 1, 2, 3, { silent: true });
, silentPush, silentPop, silentSplice … - .
Babel . , , Babel. , for..of , , ECMAScript 6 ( , Github), Class , .
. Internet Explorer 8, Class . , - .
, IE8. , “” .
.
, . , , , . , itemRenderer , ( ).
, , , .
?
, , , . : , , , ... .
: . , - . , linkProps , , , .
, . , HTML5 cache . , , .
, :) Ctrl+Enter. .
, , Google Forms, .
(, , ) “ ”, Muut Comments (, ). Github, .
Disqus , , , Facebook Comments . , , .
Disqus , , . , . Disquss, ( , - ). , , , , Disquss . , , .
Facebook Comments, , . -- ; ; , ; … : . Facebook Comments (!). , Google Forms . . - .
… ? ?
, …
IntenseDebate
. . , .
Cackle
500 /. , . . . - “”.
SolidOpinion
. .
, ( ) Muut. , , ( ). - . , Muut. , ( , ). , , , . , . , , .
? *
* , ,
. , : , . ( “ ” “ ”), .
""
CSS Materialize . , DOM, ( ), , CSS . , (, ) . Materialize, , .
js . .jsdoc IDE . TodoMVC , . . CDN: cdnjs jsdelivr ( CDN , jimaek ).
designiac , Rendol , , .
. .
. ..
this.bindNode( 'x', '.my-input' );for..ofMatreshka.Array Matreshka.Object . Internet Explorer (, Babel ), , ECMAScript 6.for(let item of this) { ... }__this__sandbox. , , “”.this.bindNode( 'sandbox', '.app' );':sandbox'., .this.bindNode( 'x', this.select( '.my-x-node' ) );
:this.bindNode( 'x', ':sandbox .my-x-node' );':bound(KEY)'. , . :// Vanilla this.bindNode( 'y', this.bound( 'x' ).querySelector( '.my-y-node' ) );
:// jQuery this.bindNode( 'y', this.$bound( 'x' ).find( '.my-y-node' ) );
:this.bindNode( 'y', ':bound(x) .my-y-node' );
Matreshka.ArrayArray.pushunshift, ,Array.prototype. , -forEach. “”undefined.Matreshka.Array. - .Array, .// this.push( 1, 2, 3 );
,Array.prototype_ . , .this.on( 'modify', function( evt ) { console.log( evt.customData ); }); this.push_( 1, 2, 3, { customData: 42 });
, ,silent: true.this.push_( 1, 2, 3, { silent: true });
,silentPush, silentPop, silentSplice… - .
Babel . , , Babel. ,for..of, , ECMAScript 6 ( , Github), Class , .
. Internet Explorer 8,Class. , - .
, IE8. , “” .
.
, . , , , . , itemRenderer , ( ).
, , , .
?
, , , . : , , , ... .
: . , - . , linkProps , , , .
, . , HTML5 cache . , , .
, :) Ctrl+Enter. .
, , Google Forms, .
(, , ) “ ”, Muut Comments (, ). Github, .
Disqus , , , Facebook Comments . , , .
Disqus , , . , . Disquss, ( , - ). , , , , Disquss . , , .
Facebook Comments, , . -- ; ; , ; … : . Facebook Comments (!). , Google Forms . . - .
… ? ?
, …
IntenseDebate
. . , .
Cackle
500 /. , . . . - “”.
SolidOpinion
. .
, ( ) Muut. , , ( ). - . , Muut. , ( , ). , , , . , . , , .
? *
* , ,
. , : , . ( “ ” “ ”), .
""
CSS Materialize . , DOM, ( ), , CSS . , (, ) . Materialize, , .
js . .jsdoc IDE . TodoMVC , . . CDN: cdnjs jsdelivr ( CDN , jimaek ).
designiac , Rendol , , .
. .
. ..
this.bindNode( 'x', '.my-input' );for..ofMatreshka.Array Matreshka.Object . Internet Explorer (, Babel ), , ECMAScript 6.for(let item of this) { ... }__this__sandbox. , , “”.this.bindNode( 'sandbox', '.app' );':sandbox'., .this.bindNode( 'x', this.select( '.my-x-node' ) );
:this.bindNode( 'x', ':sandbox .my-x-node' );':bound(KEY)'. , . :// Vanilla this.bindNode( 'y', this.bound( 'x' ).querySelector( '.my-y-node' ) );
:// jQuery this.bindNode( 'y', this.$bound( 'x' ).find( '.my-y-node' ) );
:this.bindNode( 'y', ':bound(x) .my-y-node' );
Matreshka.ArrayArray.pushunshift, ,Array.prototype. , -forEach. “”undefined.Matreshka.Array. - .Array, .// this.push( 1, 2, 3 );
,Array.prototype_ . , .this.on( 'modify', function( evt ) { console.log( evt.customData ); }); this.push_( 1, 2, 3, { customData: 42 });
, ,silent: true.this.push_( 1, 2, 3, { silent: true });
,silentPush, silentPop, silentSplice… - .
Babel . , , Babel. ,for..of, , ECMAScript 6 ( , Github), Class , .
. Internet Explorer 8,Class. , - .
, IE8. , “” .
.
, . , , , . , itemRenderer , ( ).
, , , .
?
, , , . : , , , ... .
: . , - . , linkProps , , , .
, . , HTML5 cache . , , .
, :) Ctrl+Enter. .
, , Google Forms, .
(, , ) “ ”, Muut Comments (, ). Github, .
Disqus , , , Facebook Comments . , , .
Disqus , , . , . Disquss, ( , - ). , , , , Disquss . , , .
Facebook Comments, , . -- ; ; , ; … : . Facebook Comments (!). , Google Forms . . - .
… ? ?
, …
IntenseDebate
. . , .
Cackle
500 /. , . . . - “”.
SolidOpinion
. .
, ( ) Muut. , , ( ). - . , Muut. , ( , ). , , , . , . , , .
? *
* , ,
. , : , . ( “ ” “ ”), .
""
CSS Materialize . , DOM, ( ), , CSS . , (, ) . Materialize, , .
js . .jsdoc IDE . TodoMVC , . . CDN: cdnjs jsdelivr ( CDN , jimaek ).
designiac , Rendol , , .
. .
. .
.
this.bindNode( 'x', '.my-input' );
for..of Matreshka.Array Matreshka.Object . Internet Explorer (, Babel ), , ECMAScript 6.
for(let item of this) { ... }
__this__ sandbox . , , “”.
this.bindNode( 'sandbox', '.app' );
':sandbox'. , .
this.bindNode( 'x', this.select( '.my-x-node' ) );
:
this.bindNode( 'x', ':sandbox .my-x-node' );
':bound(KEY)' . , . :
// Vanilla this.bindNode( 'y', this.bound( 'x' ).querySelector( '.my-y-node' ) );
:
// jQuery this.bindNode( 'y', this.$bound( 'x' ).find( '.my-y-node' ) );
:
this.bindNode( 'y', ':bound(x) .my-y-node' );
Matreshka.Array Array . push unshift , , Array.prototype . , - forEach . “” undefined .
Matreshka.Array . - .
Array , .
// this.push( 1, 2, 3 );
, Array.prototype _ . , .
this.on( 'modify', function( evt ) { console.log( evt.customData ); }); this.push_( 1, 2, 3, { customData: 42 });
, , silent: true .
this.push_( 1, 2, 3, { silent: true });
, silentPush, silentPop, silentSplice … - .
Babel . , , Babel. , for..of , , ECMAScript 6 ( , Github), Class , .
. Internet Explorer 8, Class . , - .
, IE8. , “” .
.
, . , , , . , itemRenderer , ( ).
, , , .
?
, , , . : , , , ... .
: . , - . , linkProps , , , .
, . , HTML5 cache . , , .
, :) Ctrl+Enter. .
, , Google Forms, .
(, , ) “ ”, Muut Comments (, ). Github, .
Disqus , , , Facebook Comments . , , .
Disqus , , . , . Disquss, ( , - ). , , , , Disquss . , , .
Facebook Comments, , . -- ; ; , ; … : . Facebook Comments (!). , Google Forms . . - .
… ? ?
, …
IntenseDebate
. . , .
Cackle
500 /. , . . . - “”.
SolidOpinion
. .
, ( ) Muut. , , ( ). - . , Muut. , ( , ). , , , . , . , , .
? *
* , ,
. , : , . ( “ ” “ ”), .
""
CSS Materialize . , DOM, ( ), , CSS . , (, ) . Materialize, , .
js . .jsdoc IDE . TodoMVC , . . CDN: cdnjs jsdelivr ( CDN , jimaek ).
designiac , Rendol , , .
. .
. ..
this.bindNode( 'x', '.my-input' );
for..of Matreshka.Array Matreshka.Object . Internet Explorer (, Babel ), , ECMAScript 6.
for(let item of this) { ... }
__this__ sandbox . , , “”.
this.bindNode( 'sandbox', '.app' );
':sandbox'. , .
this.bindNode( 'x', this.select( '.my-x-node' ) );
:
this.bindNode( 'x', ':sandbox .my-x-node' );
':bound(KEY)' . , . :
// Vanilla this.bindNode( 'y', this.bound( 'x' ).querySelector( '.my-y-node' ) );
:
// jQuery this.bindNode( 'y', this.$bound( 'x' ).find( '.my-y-node' ) );
:
this.bindNode( 'y', ':bound(x) .my-y-node' );
Matreshka.Array Array . push unshift , , Array.prototype . , - forEach . “” undefined .
Matreshka.Array . - .
Array , .
// this.push( 1, 2, 3 );
, Array.prototype _ . , .
this.on( 'modify', function( evt ) { console.log( evt.customData ); }); this.push_( 1, 2, 3, { customData: 42 });
, , silent: true .
this.push_( 1, 2, 3, { silent: true });
, silentPush, silentPop, silentSplice … - .
Babel . , , Babel. , for..of , , ECMAScript 6 ( , Github), Class , .
. Internet Explorer 8, Class . , - .
, IE8. , “” .
.
, . , , , . , itemRenderer , ( ).
, , , .
?
, , , . : , , , ... .
: . , - . , linkProps , , , .
, . , HTML5 cache . , , .
, :) Ctrl+Enter. .
, , Google Forms, .
(, , ) “ ”, Muut Comments (, ). Github, .
Disqus , , , Facebook Comments . , , .
Disqus , , . , . Disquss, ( , - ). , , , , Disquss . , , .
Facebook Comments, , . -- ; ; , ; … : . Facebook Comments (!). , Google Forms . . - .
… ? ?
, …
IntenseDebate
. . , .
Cackle
500 /. , . . . - “”.
SolidOpinion
. .
, ( ) Muut. , , ( ). - . , Muut. , ( , ). , , , . , . , , .
? *
* , ,
. , : , . ( “ ” “ ”), .
""
CSS Materialize . , DOM, ( ), , CSS . , (, ) . Materialize, , .
js . .jsdoc IDE . TodoMVC , . . CDN: cdnjs jsdelivr ( CDN , jimaek ).
designiac , Rendol , , .
. .
. .
.
this.bindNode( 'x', '.my-input' );for..of Matreshka.Array Matreshka.Object . Internet Explorer (, Babel ), , ECMAScript 6.for(let item of this) { ... }__this__ sandbox . , , “”.this.bindNode( 'sandbox', '.app' );':sandbox'. , .this.bindNode( 'x', this.select( '.my-x-node' ) );:
this.bindNode( 'x', ':sandbox .my-x-node' );':bound(KEY)' . , . :// Vanilla this.bindNode( 'y', this.bound( 'x' ).querySelector( '.my-y-node' ) );:
// jQuery this.bindNode( 'y', this.$bound( 'x' ).find( '.my-y-node' ) );:
this.bindNode( 'y', ':bound(x) .my-y-node' );Matreshka.Array
Array . push unshift , , Array.prototype . , - forEach . “” undefined .Matreshka.Array . - .Array , .// this.push( 1, 2, 3 );,
Array.prototype _ . , .this.on( 'modify', function( evt ) { console.log( evt.customData ); }); this.push_( 1, 2, 3, { customData: 42 });, ,
silent: true .this.push_( 1, 2, 3, { silent: true });,
silentPush, silentPop, silentSplice … - .Babel . , , Babel. ,
for..of , , ECMAScript 6 ( , Github), Class , .. Internet Explorer 8,
Class . , - ., IE8. , “” .
.
, . , , , . , itemRenderer , ( ).
, , , .
?
, , , . : , , , ... .
:
. , - . , linkProps , , , ., . , HTML5 cache . , , .
, :) Ctrl+Enter. .
, , Google Forms, .
(, , ) “ ”, Muut Comments (, ). Github, .
Disqus , , , Facebook Comments . , , .
Disqus , , . , . Disquss, ( , - ). , , , , Disquss . , , .
Facebook Comments, , . -- ; ; , ; … : . Facebook Comments (!). , Google Forms . . - .
… ? ?
, …
IntenseDebate
. . , .
Cackle
500 /. , . . . - “”.
SolidOpinion
. .
, ( ) Muut. , , ( ). - . , Muut. , ( , ). , , , . , . , , .
? *
* , ,
. , : , . ( “ ” “ ”), .
""
CSS Materialize . , DOM, ( ), , CSS . , (, ) . Materialize, , .
js . .jsdoc IDE . TodoMVC , . . CDN: cdnjs jsdelivr ( CDN , jimaek ).
designiac , Rendol , , .
. .
. .
.
this.bindNode( 'x', '.my-input' );
for..of Matreshka.Array Matreshka.Object . Internet Explorer (, Babel ), , ECMAScript 6.
for(let item of this) { ... }
__this__ sandbox . , , “”.
this.bindNode( 'sandbox', '.app' );
':sandbox'. , .
this.bindNode( 'x', this.select( '.my-x-node' ) );
:
this.bindNode( 'x', ':sandbox .my-x-node' );
':bound(KEY)' . , . :
// Vanilla this.bindNode( 'y', this.bound( 'x' ).querySelector( '.my-y-node' ) );
:
// jQuery this.bindNode( 'y', this.$bound( 'x' ).find( '.my-y-node' ) );
:
this.bindNode( 'y', ':bound(x) .my-y-node' );
Matreshka.Array Array . push unshift , , Array.prototype . , - forEach . “” undefined .
Matreshka.Array . - .
Array , .
// this.push( 1, 2, 3 );
, Array.prototype _ . , .
this.on( 'modify', function( evt ) { console.log( evt.customData ); }); this.push_( 1, 2, 3, { customData: 42 });
, , silent: true .
this.push_( 1, 2, 3, { silent: true });
, silentPush, silentPop, silentSplice … - .
Babel . , , Babel. , for..of , , ECMAScript 6 ( , Github), Class , .
. Internet Explorer 8, Class . , - .
, IE8. , “” .
.
, . , , , . , itemRenderer , ( ).
, , , .
?
, , , . : , , , ... .
: . , - . , linkProps , , , .
, . , HTML5 cache . , , .
, :) Ctrl+Enter. .
, , Google Forms, .
(, , ) “ ”, Muut Comments (, ). Github, .
Disqus , , , Facebook Comments . , , .
Disqus , , . , . Disquss, ( , - ). , , , , Disquss . , , .
Facebook Comments, , . -- ; ; , ; … : . Facebook Comments (!). , Google Forms . . - .
… ? ?
, …
IntenseDebate
. . , .
Cackle
500 /. , . . . - “”.
SolidOpinion
. .
, ( ) Muut. , , ( ). - . , Muut. , ( , ). , , , . , . , , .
? *
* , ,
. , : , . ( “ ” “ ”), .
""
CSS Materialize . , DOM, ( ), , CSS . , (, ) . Materialize, , .
js . .jsdoc IDE . TodoMVC , . . CDN: cdnjs jsdelivr ( CDN , jimaek ).
designiac , Rendol , , .
. .
. ..
this.bindNode( 'x', '.my-input' );
for..of Matreshka.Array Matreshka.Object . Internet Explorer (, Babel ), , ECMAScript 6.
for(let item of this) { ... }
__this__ sandbox . , , “”.
this.bindNode( 'sandbox', '.app' );
':sandbox'. , .
this.bindNode( 'x', this.select( '.my-x-node' ) );
:
this.bindNode( 'x', ':sandbox .my-x-node' );
':bound(KEY)' . , . :
// Vanilla this.bindNode( 'y', this.bound( 'x' ).querySelector( '.my-y-node' ) );
:
// jQuery this.bindNode( 'y', this.$bound( 'x' ).find( '.my-y-node' ) );
:
this.bindNode( 'y', ':bound(x) .my-y-node' );
Matreshka.Array Array . push unshift , , Array.prototype . , - forEach . “” undefined .
Matreshka.Array . - .
Array , .
// this.push( 1, 2, 3 );
, Array.prototype _ . , .
this.on( 'modify', function( evt ) { console.log( evt.customData ); }); this.push_( 1, 2, 3, { customData: 42 });
, , silent: true .
this.push_( 1, 2, 3, { silent: true });
, silentPush, silentPop, silentSplice … - .
Babel . , , Babel. , for..of , , ECMAScript 6 ( , Github), Class , .
. Internet Explorer 8, Class . , - .
, IE8. , “” .
.
, . , , , . , itemRenderer , ( ).
, , , .
?
, , , . : , , , ... .
: . , - . , linkProps , , , .
, . , HTML5 cache . , , .
, :) Ctrl+Enter. .
, , Google Forms, .
(, , ) “ ”, Muut Comments (, ). Github, .
Disqus , , , Facebook Comments . , , .
Disqus , , . , . Disquss, ( , - ). , , , , Disquss . , , .
Facebook Comments, , . -- ; ; , ; … : . Facebook Comments (!). , Google Forms . . - .
… ? ?
, …
IntenseDebate
. . , .
Cackle
500 /. , . . . - “”.
SolidOpinion
. .
, ( ) Muut. , , ( ). - . , Muut. , ( , ). , , , . , . , , .
? *
* , ,
. , : , . ( “ ” “ ”), .
""
CSS Materialize . , DOM, ( ), , CSS . , (, ) . Materialize, , .
js . .jsdoc IDE . TodoMVC , . . CDN: cdnjs jsdelivr ( CDN , jimaek ).
designiac , Rendol , , .
. .
. .
.
this.bindNode( 'x', '.my-input' );for..of Matreshka.Array Matreshka.Object . Internet Explorer (, Babel ), , ECMAScript 6.for(let item of this) { ... }__this__ sandbox . , , “”.this.bindNode( 'sandbox', '.app' );':sandbox'. , .this.bindNode( 'x', this.select( '.my-x-node' ) );:
this.bindNode( 'x', ':sandbox .my-x-node' );':bound(KEY)' . , . :// Vanilla this.bindNode( 'y', this.bound( 'x' ).querySelector( '.my-y-node' ) );:
// jQuery this.bindNode( 'y', this.$bound( 'x' ).find( '.my-y-node' ) );:
this.bindNode( 'y', ':bound(x) .my-y-node' );Matreshka.Array
Array . push unshift , , Array.prototype . , - forEach . “” undefined .Matreshka.Array . - .Array , .// this.push( 1, 2, 3 );,
Array.prototype _ . , .this.on( 'modify', function( evt ) { console.log( evt.customData ); }); this.push_( 1, 2, 3, { customData: 42 });, ,
silent: true .this.push_( 1, 2, 3, { silent: true });,
silentPush, silentPop, silentSplice … - .Babel . , , Babel. ,
for..of , , ECMAScript 6 ( , Github), Class , .. Internet Explorer 8,
Class . , - ., IE8. , “” .
.
, . , , , . , itemRenderer , ( ).
, , , .
?
, , , . : , , , ... .
:
. , - . , linkProps , , , ., . , HTML5 cache . , , .
, :) Ctrl+Enter. .
, , Google Forms, .
(, , ) “ ”, Muut Comments (, ). Github, .
Disqus , , , Facebook Comments . , , .
Disqus , , . , . Disquss, ( , - ). , , , , Disquss . , , .
Facebook Comments, , . -- ; ; , ; … : . Facebook Comments (!). , Google Forms . . - .
… ? ?
, …
IntenseDebate
. . , .
Cackle
500 /. , . . . - “”.
SolidOpinion
. .
, ( ) Muut. , , ( ). - . , Muut. , ( , ). , , , . , . , , .
? *
* , ,
. , : , . ( “ ” “ ”), .
""
CSS Materialize . , DOM, ( ), , CSS . , (, ) . Materialize, , .
js . .jsdoc IDE . TodoMVC , . . CDN: cdnjs jsdelivr ( CDN , jimaek ).
designiac , Rendol , , .
. .
. .
.
this.bindNode( 'x', '.my-input' );
for..of Matreshka.Array Matreshka.Object . Internet Explorer (, Babel ), , ECMAScript 6.
for(let item of this) { ... }
__this__ sandbox . , , “”.
this.bindNode( 'sandbox', '.app' );
':sandbox'. , .
this.bindNode( 'x', this.select( '.my-x-node' ) );
:
this.bindNode( 'x', ':sandbox .my-x-node' );
':bound(KEY)' . , . :
// Vanilla this.bindNode( 'y', this.bound( 'x' ).querySelector( '.my-y-node' ) );
:
// jQuery this.bindNode( 'y', this.$bound( 'x' ).find( '.my-y-node' ) );
:
this.bindNode( 'y', ':bound(x) .my-y-node' );
Matreshka.Array Array . push unshift , , Array.prototype . , - forEach . “” undefined .
Matreshka.Array . - .
Array , .
// this.push( 1, 2, 3 );
, Array.prototype _ . , .
this.on( 'modify', function( evt ) { console.log( evt.customData ); }); this.push_( 1, 2, 3, { customData: 42 });
, , silent: true .
this.push_( 1, 2, 3, { silent: true });
, silentPush, silentPop, silentSplice … - .
Babel . , , Babel. , for..of , , ECMAScript 6 ( , Github), Class , .
. Internet Explorer 8, Class . , - .
, IE8. , “” .
.
, . , , , . , itemRenderer , ( ).
, , , .
?
, , , . : , , , ... .
: . , - . , linkProps , , , .
, . , HTML5 cache . , , .
, :) Ctrl+Enter. .
, , Google Forms, .
(, , ) “ ”, Muut Comments (, ). Github, .
Disqus , , , Facebook Comments . , , .
Disqus , , . , . Disquss, ( , - ). , , , , Disquss . , , .
Facebook Comments, , . -- ; ; , ; … : . Facebook Comments (!). , Google Forms . . - .
… ? ?
, …
IntenseDebate
. . , .
Cackle
500 /. , . . . - “”.
SolidOpinion
. .
, ( ) Muut. , , ( ). - . , Muut. , ( , ). , , , . , . , , .
? *
* , ,
. , : , . ( “ ” “ ”), .
""
CSS Materialize . , DOM, ( ), , CSS . , (, ) . Materialize, , .
js . .jsdoc IDE . TodoMVC , . . CDN: cdnjs jsdelivr ( CDN , jimaek ).
designiac , Rendol , , .
. .
. ..
this.bindNode( 'x', '.my-input' );
for..of Matreshka.Array Matreshka.Object . Internet Explorer (, Babel ), , ECMAScript 6.
for(let item of this) { ... }
__this__ sandbox . , , “”.
this.bindNode( 'sandbox', '.app' );
':sandbox'. , .
this.bindNode( 'x', this.select( '.my-x-node' ) );
:
this.bindNode( 'x', ':sandbox .my-x-node' );
':bound(KEY)' . , . :
// Vanilla this.bindNode( 'y', this.bound( 'x' ).querySelector( '.my-y-node' ) );
:
// jQuery this.bindNode( 'y', this.$bound( 'x' ).find( '.my-y-node' ) );
:
this.bindNode( 'y', ':bound(x) .my-y-node' );
Matreshka.Array Array . push unshift , , Array.prototype . , - forEach . “” undefined .
Matreshka.Array . - .
Array , .
// this.push( 1, 2, 3 );
, Array.prototype _ . , .
this.on( 'modify', function( evt ) { console.log( evt.customData ); }); this.push_( 1, 2, 3, { customData: 42 });
, , silent: true .
this.push_( 1, 2, 3, { silent: true });
, silentPush, silentPop, silentSplice … - .
Babel . , , Babel. , for..of , , ECMAScript 6 ( , Github), Class , .
. Internet Explorer 8, Class . , - .
, IE8. , “” .
.
, . , , , . , itemRenderer , ( ).
, , , .
?
, , , . : , , , ... .
: . , - . , linkProps , , , .
, . , HTML5 cache . , , .
, :) Ctrl+Enter. .
, , Google Forms, .
(, , ) “ ”, Muut Comments (, ). Github, .
Disqus , , , Facebook Comments . , , .
Disqus , , . , . Disquss, ( , - ). , , , , Disquss . , , .
Facebook Comments, , . -- ; ; , ; … : . Facebook Comments (!). , Google Forms . . - .
… ? ?
, …
IntenseDebate
. . , .
Cackle
500 /. , . . . - “”.
SolidOpinion
. .
, ( ) Muut. , , ( ). - . , Muut. , ( , ). , , , . , . , , .
? *
* , ,
. , : , . ( “ ” “ ”), .
""
CSS Materialize . , DOM, ( ), , CSS . , (, ) . Materialize, , .
js . .jsdoc IDE . TodoMVC , . . CDN: cdnjs jsdelivr ( CDN , jimaek ).
designiac , Rendol , , .
. .
. .
.
this.bindNode( 'x', '.my-input' );for..of Matreshka.Array Matreshka.Object . Internet Explorer (, Babel ), , ECMAScript 6.for(let item of this) { ... }__this__ sandbox . , , “”.this.bindNode( 'sandbox', '.app' );':sandbox'. , .this.bindNode( 'x', this.select( '.my-x-node' ) );:
this.bindNode( 'x', ':sandbox .my-x-node' );':bound(KEY)' . , . :// Vanilla this.bindNode( 'y', this.bound( 'x' ).querySelector( '.my-y-node' ) );:
// jQuery this.bindNode( 'y', this.$bound( 'x' ).find( '.my-y-node' ) );:
this.bindNode( 'y', ':bound(x) .my-y-node' );Matreshka.Array
Array . push unshift , , Array.prototype . , - forEach . “” undefined .Matreshka.Array . - .Array , .// this.push( 1, 2, 3 );,
Array.prototype _ . , .this.on( 'modify', function( evt ) { console.log( evt.customData ); }); this.push_( 1, 2, 3, { customData: 42 });, ,
silent: true .this.push_( 1, 2, 3, { silent: true });,
silentPush, silentPop, silentSplice … - .Babel . , , Babel. ,
for..of , , ECMAScript 6 ( , Github), Class , .. Internet Explorer 8,
Class . , - ., IE8. , “” .
.
, . , , , . , itemRenderer , ( ).
, , , .
?
, , , . : , , , ... .
:
. , - . , linkProps , , , ., . , HTML5 cache . , , .
, :) Ctrl+Enter. .
, , Google Forms, .
(, , ) “ ”, Muut Comments (, ). Github, .
Disqus , , , Facebook Comments . , , .
Disqus , , . , . Disquss, ( , - ). , , , , Disquss . , , .
Facebook Comments, , . -- ; ; , ; … : . Facebook Comments (!). , Google Forms . . - .
… ? ?
, …
IntenseDebate
. . , .
Cackle
500 /. , . . . - “”.
SolidOpinion
. .
, ( ) Muut. , , ( ). - . , Muut. , ( , ). , , , . , . , , .
? *
* , ,
. , : , . ( “ ” “ ”), .
""
CSS Materialize . , DOM, ( ), , CSS . , (, ) . Materialize, , .
js . .jsdoc IDE . TodoMVC , . . CDN: cdnjs jsdelivr ( CDN , jimaek ).
designiac , Rendol , , .
. .
. .
.
this.bindNode( 'x', '.my-input' );
for..of Matreshka.Array Matreshka.Object . Internet Explorer (, Babel ), , ECMAScript 6.
for(let item of this) { ... }
__this__ sandbox . , , “”.
this.bindNode( 'sandbox', '.app' );
':sandbox'. , .
this.bindNode( 'x', this.select( '.my-x-node' ) );
:
this.bindNode( 'x', ':sandbox .my-x-node' );
':bound(KEY)' . , . :
// Vanilla this.bindNode( 'y', this.bound( 'x' ).querySelector( '.my-y-node' ) );
:
// jQuery this.bindNode( 'y', this.$bound( 'x' ).find( '.my-y-node' ) );
:
this.bindNode( 'y', ':bound(x) .my-y-node' );
Matreshka.Array Array . push unshift , , Array.prototype . , - forEach . “” undefined .
Matreshka.Array . - .
Array , .
// this.push( 1, 2, 3 );
, Array.prototype _ . , .
this.on( 'modify', function( evt ) { console.log( evt.customData ); }); this.push_( 1, 2, 3, { customData: 42 });
, , silent: true .
this.push_( 1, 2, 3, { silent: true });
, silentPush, silentPop, silentSplice … - .
Babel . , , Babel. , for..of , , ECMAScript 6 ( , Github), Class , .
. Internet Explorer 8, Class . , - .
, IE8. , “” .
.
, . , , , . , itemRenderer , ( ).
, , , .
?
, , , . : , , , ... .
: . , - . , linkProps , , , .
, . , HTML5 cache . , , .
, :) Ctrl+Enter. .
, , Google Forms, .
(, , ) “ ”, Muut Comments (, ). Github, .
Disqus , , , Facebook Comments . , , .
Disqus , , . , . Disquss, ( , - ). , , , , Disquss . , , .
Facebook Comments, , . -- ; ; , ; … : . Facebook Comments (!). , Google Forms . . - .
… ? ?
, …
IntenseDebate
. . , .
Cackle
500 /. , . . . - “”.
SolidOpinion
. .
, ( ) Muut. , , ( ). - . , Muut. , ( , ). , , , . , . , , .
? *
* , ,
. , : , . ( “ ” “ ”), .
""
CSS Materialize . , DOM, ( ), , CSS . , (, ) . Materialize, , .
js . .jsdoc IDE . TodoMVC , . . CDN: cdnjs jsdelivr ( CDN , jimaek ).
designiac , Rendol , , .
. .
. ..
this.bindNode( 'x', '.my-input' );for..ofMatreshka.Array Matreshka.Object . Internet Explorer (, Babel ), , ECMAScript 6.for(let item of this) { ... }__this__sandbox. , , “”.this.bindNode( 'sandbox', '.app' );':sandbox'., .this.bindNode( 'x', this.select( '.my-x-node' ) );
:this.bindNode( 'x', ':sandbox .my-x-node' );':bound(KEY)'. , . :// Vanilla this.bindNode( 'y', this.bound( 'x' ).querySelector( '.my-y-node' ) );
:// jQuery this.bindNode( 'y', this.$bound( 'x' ).find( '.my-y-node' ) );
:this.bindNode( 'y', ':bound(x) .my-y-node' );
Matreshka.ArrayArray.pushunshift, ,Array.prototype. , -forEach. “”undefined.Matreshka.Array. - .Array, .// this.push( 1, 2, 3 );
,Array.prototype_ . , .this.on( 'modify', function( evt ) { console.log( evt.customData ); }); this.push_( 1, 2, 3, { customData: 42 });
, ,silent: true.this.push_( 1, 2, 3, { silent: true });
,silentPush, silentPop, silentSplice… - .
Babel . , , Babel. ,for..of, , ECMAScript 6 ( , Github), Class , .
. Internet Explorer 8,Class. , - .
, IE8. , “” .
.
, . , , , . , itemRenderer , ( ).
, , , .
?
, , , . : , , , ... .
: . , - . , linkProps , , , .
, . , HTML5 cache . , , .
, :) Ctrl+Enter. .
, , Google Forms, .
(, , ) “ ”, Muut Comments (, ). Github, .
Disqus , , , Facebook Comments . , , .
Disqus , , . , . Disquss, ( , - ). , , , , Disquss . , , .
Facebook Comments, , . -- ; ; , ; … : . Facebook Comments (!). , Google Forms . . - .
… ? ?
, …
IntenseDebate
. . , .
Cackle
500 /. , . . . - “”.
SolidOpinion
. .
, ( ) Muut. , , ( ). - . , Muut. , ( , ). , , , . , . , , .
? *
* , ,
. , : , . ( “ ” “ ”), .
""
CSS Materialize . , DOM, ( ), , CSS . , (, ) . Materialize, , .
js . .jsdoc IDE . TodoMVC , . . CDN: cdnjs jsdelivr ( CDN , jimaek ).
designiac , Rendol , , .
. .
. ..
this.bindNode( 'x', '.my-input' );for..ofMatreshka.Array Matreshka.Object . Internet Explorer (, Babel ), , ECMAScript 6.for(let item of this) { ... }__this__sandbox. , , “”.this.bindNode( 'sandbox', '.app' );':sandbox'., .this.bindNode( 'x', this.select( '.my-x-node' ) );
:this.bindNode( 'x', ':sandbox .my-x-node' );':bound(KEY)'. , . :// Vanilla this.bindNode( 'y', this.bound( 'x' ).querySelector( '.my-y-node' ) );
:// jQuery this.bindNode( 'y', this.$bound( 'x' ).find( '.my-y-node' ) );
:this.bindNode( 'y', ':bound(x) .my-y-node' );
Matreshka.ArrayArray.pushunshift, ,Array.prototype. , -forEach. “”undefined.Matreshka.Array. - .Array, .// this.push( 1, 2, 3 );
,Array.prototype_ . , .this.on( 'modify', function( evt ) { console.log( evt.customData ); }); this.push_( 1, 2, 3, { customData: 42 });
, ,silent: true.this.push_( 1, 2, 3, { silent: true });
,silentPush, silentPop, silentSplice… - .
Babel . , , Babel. ,for..of, , ECMAScript 6 ( , Github), Class , .
. Internet Explorer 8,Class. , - .
, IE8. , “” .
.
, . , , , . , itemRenderer , ( ).
, , , .
?
, , , . : , , , ... .
: . , - . , linkProps , , , .
, . , HTML5 cache . , , .
, :) Ctrl+Enter. .
, , Google Forms, .
(, , ) “ ”, Muut Comments (, ). Github, .
Disqus , , , Facebook Comments . , , .
Disqus , , . , . Disquss, ( , - ). , , , , Disquss . , , .
Facebook Comments, , . -- ; ; , ; … : . Facebook Comments (!). , Google Forms . . - .
… ? ?
, …
IntenseDebate
. . , .
Cackle
500 /. , . . . - “”.
SolidOpinion
. .
, ( ) Muut. , , ( ). - . , Muut. , ( , ). , , , . , . , , .
? *
* , ,
. , : , . ( “ ” “ ”), .
""
CSS Materialize . , DOM, ( ), , CSS . , (, ) . Materialize, , .
js . .jsdoc IDE . TodoMVC , . . CDN: cdnjs jsdelivr ( CDN , jimaek ).
designiac , Rendol , , .
. .
. ..
this.bindNode( 'x', '.my-input' );for..ofMatreshka.Array Matreshka.Object . Internet Explorer (, Babel ), , ECMAScript 6.for(let item of this) { ... }__this__sandbox. , , “”.this.bindNode( 'sandbox', '.app' );':sandbox'., .this.bindNode( 'x', this.select( '.my-x-node' ) );
:this.bindNode( 'x', ':sandbox .my-x-node' );':bound(KEY)'. , . :// Vanilla this.bindNode( 'y', this.bound( 'x' ).querySelector( '.my-y-node' ) );
:// jQuery this.bindNode( 'y', this.$bound( 'x' ).find( '.my-y-node' ) );
:this.bindNode( 'y', ':bound(x) .my-y-node' );
Matreshka.ArrayArray.pushunshift, ,Array.prototype. , -forEach. “”undefined.Matreshka.Array. - .Array, .// this.push( 1, 2, 3 );
,Array.prototype_ . , .this.on( 'modify', function( evt ) { console.log( evt.customData ); }); this.push_( 1, 2, 3, { customData: 42 });
, ,silent: true.this.push_( 1, 2, 3, { silent: true });
,silentPush, silentPop, silentSplice… - .
Babel . , , Babel. ,for..of, , ECMAScript 6 ( , Github), Class , .
. Internet Explorer 8,Class. , - .
, IE8. , “” .
.
, . , , , . , itemRenderer , ( ).
, , , .
?
, , , . : , , , ... .
: . , - . , linkProps , , , .
, . , HTML5 cache . , , .
, :) Ctrl+Enter. .
, , Google Forms, .
(, , ) “ ”, Muut Comments (, ). Github, .
Disqus , , , Facebook Comments . , , .
Disqus , , . , . Disquss, ( , - ). , , , , Disquss . , , .
Facebook Comments, , . -- ; ; , ; … : . Facebook Comments (!). , Google Forms . . - .
… ? ?
, …
IntenseDebate
. . , .
Cackle
500 /. , . . . - “”.
SolidOpinion
. .
, ( ) Muut. , , ( ). - . , Muut. , ( , ). , , , . , . , , .
? *
* , ,
. , : , . ( “ ” “ ”), .
""
CSS Materialize . , DOM, ( ), , CSS . , (, ) . Materialize, , .
js . .jsdoc IDE . TodoMVC , . . CDN: cdnjs jsdelivr ( CDN , jimaek ).
designiac , Rendol , , .
. .
. ..
this.bindNode( 'x', '.my-input' );for..ofMatreshka.Array Matreshka.Object . Internet Explorer (, Babel ), , ECMAScript 6.for(let item of this) { ... }__this__sandbox. , , “”.this.bindNode( 'sandbox', '.app' );':sandbox'., .this.bindNode( 'x', this.select( '.my-x-node' ) );
:this.bindNode( 'x', ':sandbox .my-x-node' );':bound(KEY)'. , . :// Vanilla this.bindNode( 'y', this.bound( 'x' ).querySelector( '.my-y-node' ) );
:// jQuery this.bindNode( 'y', this.$bound( 'x' ).find( '.my-y-node' ) );
:this.bindNode( 'y', ':bound(x) .my-y-node' );
Matreshka.ArrayArray.pushunshift, ,Array.prototype. , -forEach. “”undefined.Matreshka.Array. - .Array, .// this.push( 1, 2, 3 );
,Array.prototype_ . , .this.on( 'modify', function( evt ) { console.log( evt.customData ); }); this.push_( 1, 2, 3, { customData: 42 });
, ,silent: true.this.push_( 1, 2, 3, { silent: true });
,silentPush, silentPop, silentSplice… - .
Babel . , , Babel. ,for..of, , ECMAScript 6 ( , Github), Class , .
. Internet Explorer 8,Class. , - .
, IE8. , “” .
.
, . , , , . , itemRenderer , ( ).
, , , .
?
, , , . : , , , ... .
: . , - . , linkProps , , , .
, . , HTML5 cache . , , .
, :) Ctrl+Enter. .
, , Google Forms, .
(, , ) “ ”, Muut Comments (, ). Github, .
Disqus , , , Facebook Comments . , , .
Disqus , , . , . Disquss, ( , - ). , , , , Disquss . , , .
Facebook Comments, , . -- ; ; , ; … : . Facebook Comments (!). , Google Forms . . - .
… ? ?
, …
IntenseDebate
. . , .
Cackle
500 /. , . . . - “”.
SolidOpinion
. .
, ( ) Muut. , , ( ). - . , Muut. , ( , ). , , , . , . , , .
? *
* , ,
. , : , . ( “ ” “ ”), .
""
CSS Materialize . , DOM, ( ), , CSS . , (, ) . Materialize, , .
js . .jsdoc IDE . TodoMVC , . . CDN: cdnjs jsdelivr ( CDN , jimaek ).
designiac , Rendol , , .
. .
. .
.
this.bindNode( 'x', '.my-input' );
for..of Matreshka.Array Matreshka.Object . Internet Explorer (, Babel ), , ECMAScript 6.
for(let item of this) { ... }
__this__ sandbox . , , “”.
this.bindNode( 'sandbox', '.app' );
':sandbox'. , .
this.bindNode( 'x', this.select( '.my-x-node' ) );
:
this.bindNode( 'x', ':sandbox .my-x-node' );
':bound(KEY)' . , . :
// Vanilla this.bindNode( 'y', this.bound( 'x' ).querySelector( '.my-y-node' ) );
:
// jQuery this.bindNode( 'y', this.$bound( 'x' ).find( '.my-y-node' ) );
:
this.bindNode( 'y', ':bound(x) .my-y-node' );
Matreshka.Array Array . push unshift , , Array.prototype . , - forEach . “” undefined .
Matreshka.Array . - .
Array , .
// this.push( 1, 2, 3 );
, Array.prototype _ . , .
this.on( 'modify', function( evt ) { console.log( evt.customData ); }); this.push_( 1, 2, 3, { customData: 42 });
, , silent: true .
this.push_( 1, 2, 3, { silent: true });
, silentPush, silentPop, silentSplice … - .
Babel . , , Babel. , for..of , , ECMAScript 6 ( , Github), Class , .
. Internet Explorer 8, Class . , - .
, IE8. , “” .
.
, . , , , . , itemRenderer , ( ).
, , , .
?
, , , . : , , , ... .
: . , - . , linkProps , , , .
, . , HTML5 cache . , , .
, :) Ctrl+Enter. .
, , Google Forms, .
(, , ) “ ”, Muut Comments (, ). Github, .
Disqus , , , Facebook Comments . , , .
Disqus , , . , . Disquss, ( , - ). , , , , Disquss . , , .
Facebook Comments, , . -- ; ; , ; … : . Facebook Comments (!). , Google Forms . . - .
… ? ?
, …
IntenseDebate
. . , .
Cackle
500 /. , . . . - “”.
SolidOpinion
. .
, ( ) Muut. , , ( ). - . , Muut. , ( , ). , , , . , . , , .
? *
* , ,
. , : , . ( “ ” “ ”), .
""
CSS Materialize . , DOM, ( ), , CSS . , (, ) . Materialize, , .
js . .jsdoc IDE . TodoMVC , . . CDN: cdnjs jsdelivr ( CDN , jimaek ).
designiac , Rendol , , .
. .
. .Source: https://habr.com/ru/post/253909/
All Articles