honeymoose
/
angular-cn
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

refactor(benchmarks): refactor to support AOT bootstrap in G3 (#12075)

This commit is contained in:
Tobias Bosch 2016-10-04 16:27:45 -07:00 committed by Chuck Jazdzewski
parent 4a57dcfd8d
commit 5fa5ffb82a
14 changed files with 190 additions and 154 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
modules/benchmarks/src/bootstrap_plain.ts
View File

@ -20,7 +20,9 @@
});
// BOOTSTRAP the app!
System.import('index').then(function(m: any) { m.main(); }, console.error.bind(console));
System.import('index').then(function(m: any) {
m.main && m.main();
}, console.error.bind(console));
}
function writeScriptTag(scriptUrl: string, onload?: string) {

8
modules/benchmarks/src/largetable/baseline/index.html
View File

@ -22,9 +22,13 @@
</p>
<div>
<largetable id="root"></largetable>
<largetable id="root">Loading...</largetable>
</div>
<script src="../../bootstrap_plain.js"></script>
<script>
var mainUrl = window.location.search.split(/[?&]main=([^&]+)/)[1]
|| '../../bootstrap_plain.js';
document.write('<script src="' + mainUrl + '">\u003c/script>');
</script>
</body>
</html>

42
modules/benchmarks/src/largetable/baseline/index.ts
View File

@ -2,24 +2,28 @@ import {bindAction, profile} from '../../util';
import {buildTable, emptyTable} from '../util';
import {TableComponent} from './table';
export function main() {
var table: TableComponent;
var table: TableComponent;
function destroyDom() { table.data = emptyTable; }
function createDom() { table.data = buildTable(); }
function noop() {}
function init() {
table = new TableComponent(document.querySelector('largetable'));
bindAction('#destroyDom', destroyDom);
bindAction('#createDom', createDom);
bindAction('#updateDomProfile', profile(createDom, noop, 'update'));
bindAction('#createDomProfile', profile(createDom, destroyDom, 'create'));
}
init();
function destroyDom() {
table.data = emptyTable;
}
function createDom() {
table.data = buildTable();
}
function noop() {}
function init() {
const rootEl = document.querySelector('largetable');
rootEl.textContent = '';
table = new TableComponent(rootEl);
bindAction('#destroyDom', destroyDom);
bindAction('#createDom', createDom);
bindAction('#updateDomProfile', profile(createDom, noop, 'update'));
bindAction('#createDomProfile', profile(createDom, destroyDom, 'create'));
}
init();

8
modules/benchmarks/src/largetable/ng2/index.html
View File

@ -22,9 +22,13 @@
</p>
<div>
<largetable id="root"></largetable>
<largetable id="root">Loading...</largetable>
</div>
<script src="../../bootstrap_ng2.js"></script>
<script>
var mainUrl = window.location.search.split(/[?&]main=([^&]+)/)[1]
|| '../../bootstrap_ng2.js';
document.write('<script src="' + mainUrl + '">\u003c/script>');
</script>
</body>
</html>

40
modules/benchmarks/src/largetable/ng2/index.ts
View File

@ -1,40 +1,10 @@
import {ApplicationRef, enableProdMode} from '@angular/core';
import {enableProdMode} from '@angular/core';
import {platformBrowserDynamic} from '@angular/platform-browser-dynamic';
import {bindAction, profile} from '../../util';
import {buildTable, emptyTable} from '../util';
import {AppModule, TableComponent} from './table';
import {init} from './init';
import {AppModule} from './table';
export function main() {
var table: TableComponent;
var appRef: ApplicationRef;
function destroyDom() {
table.data = emptyTable;
appRef.tick();
}
function createDom() {
table.data = buildTable();
appRef.tick();
}
function noop() {}
function init() {
enableProdMode();
platformBrowserDynamic().bootstrapModule(AppModule).then((ref) => {
var injector = ref.injector;
appRef = injector.get(ApplicationRef);
table = appRef.components[0].instance;
bindAction('#destroyDom', destroyDom);
bindAction('#createDom', createDom);
bindAction('#updateDomProfile', profile(createDom, noop, 'update'));
bindAction('#createDomProfile', profile(createDom, destroyDom, 'create'));
});
}
init();
enableProdMode();
platformBrowserDynamic().bootstrapModule(AppModule).then(init);
}

32
modules/benchmarks/src/largetable/ng2/init.ts Normal file
View File

@ -0,0 +1,32 @@
import {ApplicationRef, NgModuleRef} from '@angular/core';
import {bindAction, profile} from '../../util';
import {buildTable, emptyTable} from '../util';
import {AppModule, TableComponent} from './table';
export function init(moduleRef: NgModuleRef<AppModule>) {
let table: TableComponent;
let appRef: ApplicationRef;
function destroyDom() {
table.data = emptyTable;
appRef.tick();
}
function createDom() {
table.data = buildTable();
appRef.tick();
}
function noop() {}
const injector = moduleRef.injector;
appRef = injector.get(ApplicationRef);
table = appRef.components[0].instance;
bindAction('#destroyDom', destroyDom);
bindAction('#createDom', createDom);
bindAction('#updateDomProfile', profile(createDom, noop, 'update'));
bindAction('#createDomProfile', profile(createDom, destroyDom, 'create'));
}

8
modules/benchmarks/src/largetable/ng2_switch/index.html
View File

@ -22,9 +22,13 @@
</p>
<div>
<largetable id="root"></largetable>
<largetable id="root">Loading...</largetable>
</div>
<script src="../../bootstrap_ng2.js"></script>
<script>
var mainUrl = window.location.search.split(/[?&]main=([^&]+)/)[1]
|| '../../bootstrap_ng2.js';
document.write('<script src="' + mainUrl + '">\u003c/script>');
</script>
</body>
</html>

40
modules/benchmarks/src/largetable/ng2_switch/index.ts
View File

@ -1,40 +1,10 @@
import {ApplicationRef, enableProdMode} from '@angular/core';
import {enableProdMode} from '@angular/core';
import {platformBrowserDynamic} from '@angular/platform-browser-dynamic';
import {bindAction, profile} from '../../util';
import {buildTable, emptyTable} from '../util';
import {AppModule, TableComponent} from './table';
import {init} from './init';
import {AppModule} from './table';
export function main() {
var table: TableComponent;
var appRef: ApplicationRef;
function destroyDom() {
table.data = emptyTable;
appRef.tick();
}
function createDom() {
table.data = buildTable();
appRef.tick();
}
function noop() {}
function init() {
enableProdMode();
platformBrowserDynamic().bootstrapModule(AppModule).then((ref) => {
var injector = ref.injector;
appRef = injector.get(ApplicationRef);
table = appRef.components[0].instance;
bindAction('#destroyDom', destroyDom);
bindAction('#createDom', createDom);
bindAction('#updateDomProfile', profile(createDom, noop, 'update'));
bindAction('#createDomProfile', profile(createDom, destroyDom, 'create'));
});
}
init();
enableProdMode();
platformBrowserDynamic().bootstrapModule(AppModule).then(init);
}

32
modules/benchmarks/src/largetable/ng2_switch/init.ts Normal file
View File

@ -0,0 +1,32 @@
import {ApplicationRef, NgModuleRef} from '@angular/core';
import {bindAction, profile} from '../../util';
import {buildTable, emptyTable} from '../util';
import {AppModule, TableComponent} from './table';
export function init(moduleRef: NgModuleRef<AppModule>) {
let table: TableComponent;
let appRef: ApplicationRef;
function destroyDom() {
table.data = emptyTable;
appRef.tick();
}
function createDom() {
table.data = buildTable();
appRef.tick();
}
function noop() {}
const injector = moduleRef.injector;
appRef = injector.get(ApplicationRef);
table = appRef.components[0].instance;
bindAction('#destroyDom', destroyDom);
bindAction('#createDom', createDom);
bindAction('#updateDomProfile', profile(createDom, noop, 'update'));
bindAction('#createDomProfile', profile(createDom, destroyDom, 'create'));
}

8
modules/benchmarks/src/tree/baseline/index.html
View File

@ -19,9 +19,13 @@
</p>
<div>
<tree id="root"></tree>
<tree id="root">Loading...</tree>
</div>
<script src="../../bootstrap_plain.js"></script>
<script>
var mainUrl = window.location.search.split(/[?&]main=([^&]+)/)[1]
|| '../../bootstrap_plain.js';
document.write('<script src="' + mainUrl + '">\u003c/script>');
</script>
</body>
</html>

42
modules/benchmarks/src/tree/baseline/index.ts
View File

@ -2,24 +2,28 @@ import {bindAction, profile} from '../../util';
import {buildTree, emptyTree} from '../util';
import {TreeComponent} from './tree';
export function main() {
var tree: TreeComponent;
var tree: TreeComponent;
function destroyDom() { tree.data = emptyTree; }
function createDom() { tree.data = buildTree(); }
function noop() {}
function init() {
tree = new TreeComponent(document.querySelector('tree'));
bindAction('#destroyDom', destroyDom);
bindAction('#createDom', createDom);
bindAction('#updateDomProfile', profile(createDom, noop, 'update'));
bindAction('#createDomProfile', profile(createDom, destroyDom, 'create'));
}
init();
function destroyDom() {
tree.data = emptyTree;
}
function createDom() {
tree.data = buildTree();
}
function noop() {}
function init() {
const rootEl = document.querySelector('tree');
rootEl.textContent = '';
tree = new TreeComponent(rootEl);
bindAction('#destroyDom', destroyDom);
bindAction('#createDom', createDom);
bindAction('#updateDomProfile', profile(createDom, noop, 'update'));
bindAction('#createDomProfile', profile(createDom, destroyDom, 'create'));
}
init();

8
modules/benchmarks/src/tree/ng2/index.html
View File

@ -19,9 +19,13 @@
</p>
<div>
<tree id="root"></tree>
<tree id="root">Loading...</tree>
</div>
<script src="../../bootstrap_ng2.js"></script>
<script>
var mainUrl = window.location.search.split(/[?&]main=([^&]+)/)[1]
|| '../../bootstrap_ng2.js';
document.write('<script src="' + mainUrl + '">\u003c/script>');
</script>
</body>
</html>

40
modules/benchmarks/src/tree/ng2/index.ts
View File

@ -1,40 +1,10 @@
import {ApplicationRef, enableProdMode} from '@angular/core';
import {enableProdMode} from '@angular/core';
import {platformBrowserDynamic} from '@angular/platform-browser-dynamic';
import {bindAction, profile} from '../../util';
import {buildTree, emptyTree} from '../util';
import {AppModule, TreeComponent} from './tree';
import {init} from './init';
import {AppModule} from './tree';
export function main() {
var tree: TreeComponent;
var appRef: ApplicationRef;
function destroyDom() {
tree.data = emptyTree;
appRef.tick();
}
function createDom() {
tree.data = buildTree();
appRef.tick();
}
function noop() {}
function init() {
enableProdMode();
platformBrowserDynamic().bootstrapModule(AppModule).then((ref) => {
var injector = ref.injector;
appRef = injector.get(ApplicationRef);
tree = appRef.components[0].instance;
bindAction('#destroyDom', destroyDom);
bindAction('#createDom', createDom);
bindAction('#updateDomProfile', profile(createDom, noop, 'update'));
bindAction('#createDomProfile', profile(createDom, destroyDom, 'create'));
});
}
init();
enableProdMode();
platformBrowserDynamic().bootstrapModule(AppModule).then(init);
}

32
modules/benchmarks/src/tree/ng2/init.ts Normal file
View File

@ -0,0 +1,32 @@
import {ApplicationRef, NgModuleRef} from '@angular/core';
import {bindAction, profile} from '../../util';
import {buildTree, emptyTree} from '../util';
import {AppModule, TreeComponent} from './tree';
export function init(moduleRef: NgModuleRef<AppModule>) {
let tree: TreeComponent;
let appRef: ApplicationRef;
function destroyDom() {
tree.data = emptyTree;
appRef.tick();
}
function createDom() {
tree.data = buildTree();
appRef.tick();
}
function noop() {}
const injector = moduleRef.injector;
appRef = injector.get(ApplicationRef);
tree = appRef.components[0].instance;
bindAction('#destroyDom', destroyDom);
bindAction('#createDom', createDom);
bindAction('#updateDomProfile', profile(createDom, noop, 'update'));
bindAction('#createDomProfile', profile(createDom, destroyDom, 'create'));
}