<%@page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
this is juicer test
<br> var data={<br> list:[<br> {name:'guokai',show:true},<br> {name:'benben',show:false},<br> {name:'dier',show:true}<br> ],<br> blah:[<br> {num:1},<br> {num:2},<br> {num:3,inner:[<br> {'time':'15:00'},<br> {'time':'16:00'},<br> {'time':'17:00'},<br> {'time':'18:00'}<br> ]},<br> {num:4}<br> ]<br> };</p> <pre><code> var tpl=[ '<ul>', '{@each list as it, k}', '<li>${it.name} (index: ${k})</li>', '{@/each}', '{# first level attribute must specify the "data." prefix}', '{@each blah as it}', '<li>', 'num: ${it.num} <br />', '{@if it.num==3}', '{@each it.inner as it2}', '${it2.time} <br />', '{@/each}', '{@/if}', '</li>', '{@/each}', '</ul>' ].join('\n'); var inc=function(n) { return n+1; }; var starttimestamp=new Date().getTime(); juicer.set('cache',true); juicer.set('errorhandling',false); juicer.set('strip',true); juicer.set('detection',false); for(var i=0;i<1000;i++) { juicer(tpl,data); } var endtimestamp=new Date().getTime(); var exhausttime=endtimestamp-starttimestamp; document.write(juicer(tpl,data)); document.write('run time: '+exhausttime); console.log(juicer(tpl).render.toString()); console.log(exhausttime); </script> </code></pre> <p></body><br> </html><br> <img src="https://img-ask.csdn.net/upload/201612/16/1481872618_138290.jpg" alt="图片说明"><br> ==================下面是成功的======================<br> <!DOCTYPE HTML><br> <html lang="en"><br> <head><br> <meta charset="UTF-8"><br> <title></title><br> <script type="text/javascript" src="../src/juicer.js">
<br> var data={<br> list:[<br> {name:'guokai',show:true},<br> {name:'benben',show:false},<br> {name:'dier',show:true}<br> ],<br> blah:[<br> {num:1},<br> {num:2},<br> {num:3,inner:[<br> {'time':'15:00'},<br> {'time':'16:00'},<br> {'time':'17:00'},<br> {'time':'18:00'}<br> ]},<br> {num:4}<br> ]<br> };</p> <pre><code> var tpl=[ '<ul>', '{@each list as it, k}', '<li>${it.name} (index: ${k})</li>', '{@/each}', '{# first level attribute must specify the "data." prefix}', '{@each blah as it}', '<li>', 'num: ${it.num} <br />', '{@if it.num==3}', '{@each it.inner as it2}', '${it2.time} <br />', '{@/each}', '{@/if}', '</li>', '{@/each}', '</ul>' ].join('\n'); var inc=function(n) { return n+1; }; var starttimestamp=new Date().getTime(); juicer.set('cache',true); juicer.set('errorhandling',false); juicer.set('strip',true); juicer.set('detection',false); for(var i=0;i<1000;i++) { juicer(tpl,data); } var endtimestamp=new Date().getTime(); var exhausttime=endtimestamp-starttimestamp; document.write(juicer(tpl,data)); document.write('run time: '+exhausttime); console.log(juicer(tpl).render.toString()); console.log(exhausttime); </script> </code></pre> <p></body><br> </html><br> <img src="https://img-ask.csdn.net/upload/201612/16/1481872688_592055.jpg" alt="图片说明"></p>