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 ":" ")%>">

&lt;div class=&quot;grid_1 alpha right&quot;>
&lt;img class=&quot;righted&quot; src=&quot;&lt;%=profile_image_url%>&quot;/>
&lt;/div>
&lt;div class=&quot;grid_6 omega contents&quot;>
&lt;p>&lt;b>&lt;a href=&quot;/&lt;%=from_user%>&quot;>&lt;%=from_user%>&lt;/a>:&lt;/b> &lt;%=text%>&lt;/p>
&lt;/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(&quot;obj&quot;,
&quot;var p=[],print=function(){p.push.apply(p,arguments);};&quot; +
&quot;with(obj){p.push('&quot; +
str
.replace(/[\r\t\n]/g, &quot; &quot;)
.split(&quot;&lt;%&quot;).join(&quot;\t&quot;)
.replace(/((^|%>)[^\t]*)'/g, &quot;$1\r&quot;)
.replace(/\t=(.*?)%>/g, &quot;',$1,'&quot;)
.split(&quot;\t&quot;).join(&quot;');&quot;)
.split(&quot;%>&quot;).join(&quot;p.push('&quot;)
.split(&quot;\r&quot;).join(&quot;\\'&quot;)
+ &quot;');}return p.join('');&quot;);
// Provide some basic currying to the user
return data ? fn( data ) : fn;

};
}) (); "

3 Lagre arbeidet ditt.