Githubリポジトリ
みなさんこんにちは！ 良い知らせを急ぎます。 最後に、マトリョーシカフレームワークの最初の（1.0）バージョンがリリースされました。 この投稿では、フレームワークの最も重要な変更、新しいサイト、およびロシア語のドキュメントについて説明します。
マトリョーシカは、いくつかの重要な原則を尊重する単一ページのアプリケーションを作成するためのJavaScriptフレームワークです。
- HTMLロジックなし
- 最小エンティティ
- カスタムアーキテクチャ
Matryoshkaは、双方向のデータバインディングの単純な構文を実装し、アクセサ（ゲッターとセッター）を積極的に使用します。
this.bindNode( 'x', 'input.my-node' ); this.on( 'change:x', function() { alert( this.x ); }); this.x = 'Wow!';
まず、フレームワークの重要な変更について
名前の変更の最後の波。 最も重要なもの：
bindElement
は、長い名前（11文字）のためにbindNode （8文字）に名前が変更されました 。
HTML5仕様の要素を含む、すべての入力フィールドを例外なくサポートします 。 プログラマーがオブジェクトプロパティの値をいくつかに関連付けたい場合、 bindNodeは3番目の引数を必要としません。
.
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..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.ArrayArray
.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.ArrayArray
.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.ArrayArray
.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.ArrayArray
.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.ArrayArray
.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.ArrayArray
.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.ArrayArray
.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.ArrayArray
.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.ArrayArray
.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.ArrayArray
.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.ArrayArray
.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 , , .
. .
. .