# 127: Основе ЈаваСцрипт предложака - ЦСС-трикови

Предложак је део ХТМЛ-а који требате убризгати на страницу. Често се шаблони креирају „на страни сервера“ - на тај начин што долазе до ЈаваСцрипт-а у потпуности формирани и само их треба ставити у ДОМ. Али понекад то није изводљиво или би било потребно додатно кружно путовање до сервера које би могло бити споро. У том случају је идеално имати шаблон у ЈаваСцрипт-у. Свакако можете направити мало повезивања низова додајући заједно битове ХТМЛ-а и података док не добијете образац који вам треба. Али то вероватно није идеално јер не раздваја забринутост података и шаблона. Прави ЈаваСцрипт шаблон овде може помоћи.

У овом сцреенцаст-у покрићемо основни „зашто“ ЈаваСцрипт шаблонирања, а затим ћемо покрити једноставни пример како се то ради у Ундерсцоре.јс. Затим ћемо покрити неке друге алтернативе.

Демо

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

Погледајте оловку% = пенНаме%> Цхриса Цоииера (@цхрисцоииер) на ЦодеПен-у