# 127: Osnove JavaScript predložaka - CSS-trikovi

Predložak je dio HTML-a koji trebate ubrizgati na stranicu. Predlošci se često stvaraju "na strani poslužitelja" - na taj način što dolaze u JavaScript potpuno oblikovani i samo ih treba staviti u DOM. Ali ponekad to nije izvedivo ili bi bilo potrebno dodatno kružno putovanje do poslužitelja koje bi moglo biti sporo. U tom je slučaju idealno imati predložak u JavaScriptu. Svakako možete napraviti malo spajanja nizova dodajući zajedno bitove HTML-a i podataka dok ne dobijete predložak koji vam treba. No to vjerojatno nije idealno jer ne razdvaja zabrinutost podataka i predloška. Prava JavaScript predloška ovdje može pomoći.

U ovom screencast-u pokriti ćemo osnovni „zašto“ JavaScript predloške, a zatim ćemo pokriti jednostavni primjer kako se to radi u Underscore.js. Zatim ćemo pokriti neke druge alternative.

Demo

var compiled = _.template( " " + "" + "" + " " ); var i, toAppendString = ""; for (i = 0; i < data.movies.length; i++) ( toAppendString += compiled(data.movies(i)); ) $("body").append(toAppendString);

Pogledajte olovku% = penName%> Chrisa Coyiera (@chriscoyier) na CodePenu