/
bm_jquery-tmpl-encode.html
63 lines (48 loc) · 1.3 KB
/
bm_jquery-tmpl-encode.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
<!DOCTYPE html PUBLIC>
<html>
<head>
<title>Benchmark jQuery Templates</title>
<script src="../../src/jquery-1.5.2.js" type="text/javascript"></script>
<script src="../../src/jquery.tmpl.js" type="text/javascript"></script>
</head>
<body>
<h3>jQuery Templates</h3>
<!--=================== Demo Section ===================-->
<script id="movieTemplate" type="text/x-jquery-tmpl">
<li>
<b>${Name}</b> (${ReleaseYear})
<b>${Name}</b> (${ReleaseYear})
<b>${Name}</b> (${ReleaseYear})
<b>${Name}</b> (${ReleaseYear})
</li>
</script>
<ul id="movieList"></ul>
<div id="console">
</div>
<script type="text/javascript">
var tmpl, res, startTime, endTime, result,
times = 1000,
count = times;
movie = { Name: "The <Red> Violin", ReleaseYear: "1998" };
startTime = +new Date;
while (count--) {
tmpl = $( "#movieTemplate" ).template();
}
endTime = +new Date;
result = ( endTime-startTime )/times;
$( "#console" ).append( "compile: " + result + "<br/>" );
times = 50000;
count = times;
startTime = +new Date;
while (count--) {
res = tmpl($, { data: movie }).join("");
}
endTime = +new Date;
result = ( endTime-startTime )/times;
$( "#console" ).append( "run: " + result + "<br/>");
</script>
<!--================ End of Demo Section ================-->
</body>
</html>
</body>
</html>