74 lines
		
	
	
		
			1.5 KiB
		
	
	
	
		
			HTML
		
	
	
	
	
	
			
		
		
	
	
			74 lines
		
	
	
		
			1.5 KiB
		
	
	
	
		
			HTML
		
	
	
	
	
	
<!DOCTYPE html>
 | 
						|
<html>
 | 
						|
 | 
						|
<head>
 | 
						|
  <style>
 | 
						|
    table {
 | 
						|
      border-collapse: collapse;
 | 
						|
    }
 | 
						|
 | 
						|
    table,
 | 
						|
    th,
 | 
						|
    td {
 | 
						|
      border: 1px solid black;
 | 
						|
    }
 | 
						|
 | 
						|
    ul {
 | 
						|
      font-size: 24px
 | 
						|
    }
 | 
						|
 | 
						|
    li {
 | 
						|
      font-size: 16px
 | 
						|
    }
 | 
						|
  </style>
 | 
						|
  <script src='../../dist/zone.js'></script>
 | 
						|
  <script src='./performance_setup.js'></script>
 | 
						|
  <script src='./performance_ui.js'></script>
 | 
						|
  <script src='./timeout.js'></script>
 | 
						|
  <script src='./requestAnimationFrame.js'></script>
 | 
						|
  <script src='./eventTarget.js'></script>
 | 
						|
  <script src='./xhr.js'></script>
 | 
						|
  <script src='./promise.js'></script>
 | 
						|
  <script>
 | 
						|
    window.onload = function () {
 | 
						|
      var jsonResult = {};
 | 
						|
 | 
						|
      var div = document.getElementById('tests');
 | 
						|
      var json = document.getElementById('json');
 | 
						|
      var table = document.getElementById('summary');
 | 
						|
 | 
						|
      var tests = window['__zone_symbol__performance_tasks'];
 | 
						|
      window['__zone_symbol__testTargetsUIBuild']({
 | 
						|
        tests: tests,
 | 
						|
        targetContainer: div,
 | 
						|
        resultsContainer: table,
 | 
						|
        jsonContainer: json,
 | 
						|
        jsonResult: jsonResult
 | 
						|
      });
 | 
						|
    }
 | 
						|
  </script>
 | 
						|
</head>
 | 
						|
 | 
						|
<body>
 | 
						|
  <div id="thetext">Performance Bencnhmark of Zone.js vs Native Delegate!</div>
 | 
						|
  <div id="tests"></div>
 | 
						|
  <div>
 | 
						|
    <table id="summary" class="table">
 | 
						|
      <tr class="tableheader">
 | 
						|
        <th>
 | 
						|
          Module
 | 
						|
        </th>
 | 
						|
        <th>
 | 
						|
          API
 | 
						|
        </th>
 | 
						|
        <th>
 | 
						|
          Performance overhead
 | 
						|
        </th>
 | 
						|
      </tr>
 | 
						|
    </table>
 | 
						|
  </div>
 | 
						|
  <div id="json"></div>
 | 
						|
</body>
 | 
						|
 | 
						|
</html>
 |