cargdev/angular
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refactor(benchmarks): make tree benchmark work again

Browse Source
This commit is contained in:
Tobias Bosch
2016-08-26 12:27:24 -07:00
committed by Victor Berchet
parent 5ff14de1f3
commit 61002733bc
55 changed files with 620 additions and 403 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
modules/benchmarks_external/src/tree/polymer/binary_tree.html
View File

@ -1,24 +0,0 @@
<link rel="import" href="polymer.html">
<dom-module id="binary-tree">
<template>
<span>
<span>{{data.value}}</span>
<template is="dom-if" if="[[data.left]]">
<binary-tree data="[[data.left]]"></binary-tree>
</template>
<template is="dom-if" if="[[data.right]]">
<binary-tree data="[[data.right]]"></binary-tree>
</template>
</span>
</template>
</dom-module>
<script>
Polymer({
is: 'binary-tree',
properties: {
data: Object
},
leftTree: null,
rightTree: null
});
</script>

22
modules/benchmarks_external/src/tree/polymer/index.html
View File

@ -1,22 +0,0 @@
<!doctype html>
<html>
<head>
<link rel="import" href="root_tree.html">
</head>
<body>
<h2>Params</h2>
<form>
Depth:
<input type="number" name="depth" placeholder="depth" value="9">
<br>
<button>Apply</button>
</form>
<h2>Polymer JS 1.x tree benchmark</h2>
<root-tree></root-tree>
<script src="url_params_to_form.js" type="text/javascript"></script>
</body>
</html>

49
modules/benchmarks_external/src/tree/polymer/root_tree.html
View File

@ -1,49 +0,0 @@
<link rel="import" href="polymer.html">
<link rel="import" href="binary_tree.html">
<dom-module id="root-tree">
<template>
<div>
<button on-click="create" id="createDom">createDom</button>
<button on-click="destroy" id="destroyDom">destroyDom</button>
</div>
<div>
<binary-tree data="[[data]]"></binary-tree>
</div>
</template>
</dom-module>
<script type="application/javascript">
(function() {
var count = 0;
var depthInput = document.querySelector('input[name=depth]');
var match = /depth=(\w+)/.exec(decodeURIComponent(location.search));
if (match) {
depthInput.value = match[1];
}
var maxDepth = depthInput.valueAsNumber;
Polymer({
is: 'root-tree',
properties: {
data: Object
},
create: function() {
var values = count++ % 2 == 0 ?
['0', '1', '2', '3', '4', '5', '6', '7', '8', '9', '*'] :
['A', 'B', 'C', 'D', 'E', 'F', 'G', 'H', 'I', 'J', '-'];
this.data = this.buildTree(maxDepth, values, 0);
},
destroy: function() {
this.data = null;
},
buildTree: function(maxDepth, values, curDepth) {
if (maxDepth == curDepth) return {value: '', left: null, right: null};
return {
value: values[curDepth],
left: this.buildTree(maxDepth, values, curDepth+1),
right: this.buildTree(maxDepth, values, curDepth+1)
};
}
});
})();
</script>