Hvordan bruke en Resig MicroTemplate
De Java Resig mikro maler der skapt av John Resig. Han er også skaperen og utvikler av jQuery Javascript-bibliotek og Dean av Open Source og leder av Javascript utvikling på Khan Academy. De Resig mikro maler er Javascript maler som skaper raske og enkle å bruke maler for Javascript søknad byggebehov. Bare plassere Regis mikromalen inn Javascript program eller nettsted for å bruke den.
Bruksanvisning
1 Skriv inn skriptet inn skjemaet du ønsker å sette Resig micro malen i Bruk dette skriptet. "<Script type =" text / html "id =" item_tmpl ">
<Div id = "<% = id%>" class = "<% = (i% 2 == 1?" Selv ":" ")%>">
<div class="grid_1 alpha right">
<img class="righted" src="<%=profile_image_url%>"/>
</div>
<div class="grid_6 omega contents">
<p><b><a href="/<%=from_user%>"><%=from_user%></a>:</b> <%=text%></p>
</div>
</ Div>
</ Script> "
2 Skriv inn Resig mikromalen inn i skjemaet:
(funksjon(){
Var cache = {};
this.tmpl = funksjon tmpl (str, data) {
var fn = !/\W/.test(str) ?
cache[str] = cache[str] ||
tmpl(document.getElementById(str).innerHTML) :
new Function("obj",
"var p=[],print=function(){p.push.apply(p,arguments);};" +
"with(obj){p.push('" +
str
.replace(/[\r\t\n]/g, " ")
.split("<%").join("\t")
.replace(/((^|%>)[^\t]*)'/g, "$1\r")
.replace(/\t=(.*?)%>/g, "',$1,'")
.split("\t").join("');")
.split("%>").join("p.push('")
.split("\r").join("\\'")
+ "');}return p.join('');");
// Provide some basic currying to the user
return data ? fn( data ) : fn;
};
}) (); "
3 Lagre arbeidet ditt.