@@ -45,25 +45,24 @@ A priority queue that will efficiently batch, order, reorder and process work; d
45
45
The following code will only cause a single DOM manipulation:
46
46
47
47
``` html
48
- <!doctype html>
48
+ <!DOCTYPE html>
49
49
<html >
50
50
<head >
51
- <meta charset =" utf-8" >
51
+ <meta charset =" utf-8" / >
52
52
<title >Backburner demo</title >
53
53
</head >
54
- <body >
55
54
56
- <div id =" name" ></div >
55
+ <body >
56
+ <div id =" name" ></div >
57
57
58
- <script src = " //code.jquery.com/jquery-2.1.1.min.js " ></ script >
59
- < script src = " backburner.js" ></ script >
58
+ <script type = " module " >
59
+ import Backburner from ' ./dist/es6/ backburner.js'
60
60
61
- <script >
62
61
var backburner = new Backburner ([' render' ]),
63
- person = {name: " Erik" };
62
+ person = {name: ' Erik' };
64
63
65
64
function updateName () {
66
- $ (' #name' ).text ( person .name ) ;
65
+ document . querySelector (' #name' ).innerHTML = person .name ;
67
66
}
68
67
69
68
function setName (name ) {
@@ -72,44 +71,11 @@ The following code will only cause a single DOM manipulation:
72
71
}
73
72
74
73
backburner .run (function () {
75
- setName (" Kris" );
76
- setName (" Tom" );
77
- setName (" Yehuda" );
74
+ setName (' Kris' );
75
+ setName (' Tom' );
76
+ setName (' Yehuda' );
78
77
});
79
78
</script >
80
79
</body >
81
80
</html >
82
81
```
83
-
84
- ## Simple Backbone Example
85
-
86
- ``` javascript
87
- app .TodoView = Backbone .View .extend ({
88
- // ...
89
-
90
- initialize : function () {
91
- this .listenTo (this .model , ' change' , this .render );
92
- },
93
-
94
- render : function () {
95
- // put the rerender on the backburner!
96
- backburner .deferOnce (' render' , this , this .actuallyRender );
97
- },
98
-
99
- actuallyRender : function () {
100
- // do our DOM manipulations here. will only be called once.
101
- }
102
-
103
- // ...
104
- });
105
-
106
-
107
- // ... somewhere in our app code ...
108
- backburner .run (function () {
109
- model .set (' firstName' , ' Erik' );
110
- model .set (' lastName' , ' Bryn' );
111
- });
112
-
113
- // our view has been rerendered only once, thanks to backburner!
114
-
115
- ```
0 commit comments