-
Notifications
You must be signed in to change notification settings - Fork 19
/
Copy pathindex.html
122 lines (113 loc) · 4.27 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
<html>
<head>
<title>Browser database comparison</title>
<link rel="stylesheet" href="index.css">
<meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body>
<h1>Browser database comparison</h1>
<img id="kirby" src="kirby.gif"/>
<div>
<h4>Database</h4>
<div style="display:inline-block;">
<input type="radio" name="db" id="dbMemory" value="regularObject"
checked="checked"/>
<label for="dbMemory">Regular object</label>
<br/>
<input type="radio" name="db" id="dbMemMap" value="map"
checked="checked"/>
<label for="dbMemMap">ES6 Map</label>
<br/>
<input type="radio" name="db" id="dbMemSet" value="set"
checked="checked"/>
<label for="dbMemSet">ES6 Set</label>
<br/>
<input type="radio" name="db" id="imMemMap" value="immap"
checked="checked"/>
<label for="imMemMap">Immutable Map</label>
<br/>
<input type="radio" name="db" id="imMemSet" value="imset"
checked="checked"/>
<label for="imMemSet">Immutable Set</label>
<br/>
<input type="radio" name="db" id="imMemList" value="imlist"
checked="checked"/>
<label for="imMemList">Immutable List</label>
<br/>
<input type="radio" name="db" id="imMemFromJS" value="imfromjs"/>
<label for="imMemFromJS">Immutable#FromJS</label>
<br/>
<input type="radio" name="db" id="imMapMergeDeep" value="immergedeep"/>
<label for="imMapMergeDeep">Immutable Map#mergeDeep</label>
</div>
<div style="display:inline-block;">
<input type="radio" name="db" id="dbLocalStorage" value="localStorage"/>
<label for="dbLocalStorage">LocalStorage</label>
<br/>
<input type="radio" name="db" id="webSQL" value="webSQL"/>
<label for="webSQL">WebSQL</label>
<br />
<input type="radio" name="db" id="idb" value="idb"/>
<label for="idb">IndexedDB</label>
<br/>
<input type="radio" name="db" id="dbLoki" value="loki"/>
<label for="dbLoki">LokiJS</label>
<br/>
<input type="radio" name="db" id="dbPouch" value="pouch"/>
<label for="dbPouch">PouchDB</label>
<br/>
<input type="radio" name="db" id="dbPouchWebSQL" value="pouchWebSQL"/>
<label for="dbPouchWebSQL">PouchDB (WebSQL)</label>
<br/>
<input type="radio" name="db" id="dbLocalForage" value="localForage"/>
<label for="dbLocalForage">LocalForage</label>
<br/>
<input type="radio" name="db" id="dbLocalForageWebSQL"
value="localForageWebSQL"/>
<label for="dbLocalForageWebSQL">LocalForage (WebSQL)</label>
<br/>
<input type="radio" name="db" id="dbDexie" value="dexie"/>
<label for="dbDexie">Dexie</label>
</div>
</div>
<div>
<div style="display:inline-block;vertical-align:top;">
<h4>Number of docs</h4>
<input type="radio" name="numDocs" id="docs_1000" value="1000"
checked="checked"/>
<label for="docs_1000">1000</label>
<br/>
<input type="radio" name="numDocs" id="docs_10000" value="10000"/>
<label for="docs_10000">10000</label>
<br/>
<input type="radio" name="numDocs" id="docs_100000" value="100000"/>
<label for="docs_100000">100000</label>
</div>
<div style="display:inline-block;vertical-align:top;margin-left:20px;">
<h4>Environment</h4>
<input type="radio" name="worker" id="workerNo" value="false"
checked="checked"/>
<label for="workerNo">Normal</label>
<br/>
<input type="radio" name="worker" id="workerYes" value="true"/>
<label for="workerYes">Web worker</label>
<br/>
<input type="radio" name="worker" id="workerClone" value="clone"/>
<label for="workerClone">Web worker w/ cloned data</label>
</div>
</div>
<div>
<button type="button" id="insertButton">Insert docs</button>
<button type="button" id="deleteButton">Clear all</button>
</div>
<pre id="display"></pre>
<script src="node_modules/lie/dist/lie.polyfill.min.js"></script>
<script src="node_modules/dexie/dist/latest/Dexie.min.js"></script>
<script src="node_modules/pouchdb/dist/pouchdb.min.js"></script>
<script src="node_modules/localforage/dist/localforage.min.js"></script>
<script src="node_modules/lokijs/build/lokijs.min.js"></script>
<script src="node_modules/immutable/dist/immutable.min.js"></script>
<script src="tester.js"></script>
<script src="index.js"></script>
</body>
</html>