@@ -45,25 +45,24 @@ A priority queue that will efficiently batch, order, reorder and process work; d
4545The following code will only cause a single DOM manipulation:
4646
4747``` html
48- <!doctype html>
48+ <!DOCTYPE html>
4949<html >
5050 <head >
51- <meta charset =" utf-8" >
51+ <meta charset =" utf-8" / >
5252 <title >Backburner demo</title >
5353 </head >
54- <body >
5554
56- <div id =" name" ></div >
55+ <body >
56+ <div id =" name" ></div >
5757
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'
6060
61- <script >
6261 var backburner = new Backburner ([' render' ]),
63- person = {name: " Erik" };
62+ person = {name: ' Erik' };
6463
6564 function updateName () {
66- $ (' #name' ).text ( person .name ) ;
65+ document . querySelector (' #name' ).innerHTML = person .name ;
6766 }
6867
6968 function setName (name ) {
@@ -72,44 +71,11 @@ The following code will only cause a single DOM manipulation:
7271 }
7372
7473 backburner .run (function () {
75- setName (" Kris" );
76- setName (" Tom" );
77- setName (" Yehuda" );
74+ setName (' Kris' );
75+ setName (' Tom' );
76+ setName (' Yehuda' );
7877 });
7978 </script >
8079 </body >
8180</html >
8281```
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