Skip to content

Commit 6a720fc

Browse files
authored
Merge pull request #364 from dcyriller/update-readme
Update the README
2 parents 4950e09 + a58e106 commit 6a720fc

File tree

1 file changed

+11
-45
lines changed

1 file changed

+11
-45
lines changed

README.md

+11-45
Original file line numberDiff line numberDiff line change
@@ -45,25 +45,24 @@ A priority queue that will efficiently batch, order, reorder and process work; d
4545
The 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

Comments
 (0)