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

Anonim

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

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

Демо

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

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

Везе

  • Основни демо на ЦодеПен-у
  • Ундерсцоре.јс Темплатинг
  • НетТутс: Најбоље праксе у раду са ЈаваСцрипт предлошцима
  • МДН: ЈаваСцрипт предлошци
  • Јохн Ресиг: ЈаваСцрипт микро-предлошци
  • Јамес Падолсеи: Премјештање усправно