Come utilizzare un Resig MicroTemplate

December 9

I modelli di micro JavaScript Resig dove creati da John Resig. E 'anche il creatore e sviluppatore di libreria jQuery Javascript e il decano di Open Source e il capo dello sviluppo JavaScript a Khan Academy. I modelli micro Resig sono modelli JavaScript che creano modelli di rapido e facile da usare per le vostre esigenze JavaScript costruzione applicazione. Basta posizionare il micro modello Regis nella vostra applicazione JavaScript o un sito web per usarlo.

istruzione

1 Inserire lo script nella forma che si desidera mettere il modello di micro Resig in Usa questo script:. "<Script type =" text / html "id =" item_tmpl ">
<Div id = "<% = id%>" class = "<% = (i% 2 == 1?", Anche ":" ")%>">

&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 Inserisci il modello Resig micro nel modulo:
(funzione(){
cache di var = {};
this.tmpl = funzione tmpl (str, dei dati) {

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 Salvare il lavoro.