Немного шаблонизирования

[@magmoro]

если бы в javascript можно было перенос строки делать, было бы совсем хорошо

[@magmoro]

без \ нельзя

[@NecroProger]

Можно:
s='abc'
+'abacaba'
+'dabacaba';


[@piumosso]

А двойные кавычки работают?

[@spanasik]

jTemplates

[@donnerjack13589]

jQuery.tpl

[@grundic]

Спасибо большое!
Использовал <% Embedded Javascript %> но тут говорят, что у него со скоростью проблемы.
Да и функциональнее, как мне показалось, jTemplates.

[@spanasik]

jTemplates юзаю совместно с Django, синтаксис шаблонов одинаковый (в Django, конечно, фич намного больше), в этом удобство. Ну и работает как положено, никаких проблем замечено не было. Удобно применять одинаковый подход на всех уровнях разработки.

[@spanasik]

Ссылка такая по идее: ejohn.org/blog/javascript-micro-templating/ хабр бьёт по «java».

Смотрел много-много разных, мне больше всего понравился jTemplates, поэтому «пиарю» его :-)

[@ed_tsech]

Перенес в блог «Javascript» возможно кому-то будет полезно

[@magmoro]

в mootools делает тоже самое substitute

[@heruvim]

<% Embedded Javascript %> + его поддержка на серверном Javascript

[@donnerjack13589]

Там используется метод with — ужасная производительность

[@heruvim]

width никогда не использовал, ничего сказать не могу, а вы откуда взяли информацию? есть какие нибудь тесты посмотреть? я думаю что не все так плачевно, да и наверно все зависит от конкретного случая.

[@heruvim]

тьфу *with

[@donnerjack13589]

Вы можете провести тесты — все очень даже плачебно.
Когда вы используете with метод при каждом обращении к переменной (внутри блока) будет производиться поиск в заданном в with(...) объекте, который имеет динамическую природу.
Обычно поиск производится в статических областях (scopes), которые определяются на этапе компилирования.
Естественно, поиск в javascript объекте значительно медленнее, чем просто взять данные из определенной области памяти.

[@donnerjack13589]

Сравните:
var start=+new Date;with({x:1}){for(var i=0;i< 1E6;i++){x++}};console.log(+new Date - start);

и
var x=0,start=+new Date;for(var i=0;i< 1E6;i++){x++};console.log(+new Date - start);


[@heruvim]

наибольшая разница получилась между такими числами 1084 (с with) и 1003 (без), разница примерно ~ 0,081%
не думаю что это плачевно

[@magmoro]

в firefox 3.6 одинаково, в chrome 5 with на 20% медленнее

[@rednaxi]

первый код 804, второй 784, firefox 3.6.3
в хроме 5.0.375.70 первый 1305, второй 973
_{а еще говорят хром быстрый...}

[@donnerjack13589]

Честно говоря "inline" всегда быстрее, а еще можно было бы так:
var html = ["<tr><td>", data.title, "</td><td>", data.type, "</td><td><a href='tags/", data.tag,"'>", data.tag, "</a></td><td>", data.created_at, "</td></tr>"].join("");


[@MOVe]

Это уже не шаблонизатор. Тогда проще весь HTML передавать собранным.

[@djko]

для шаблонизирования в Жаваскрипте рекомендую Zparse code.riiv.net/zparse/ — мощная штука.

[@ingspree]

code.google.com/p/json-template/

[@Xenkok]

а кто-то может рассказать для чего это применять на практике?

[@cr0t]

Да знаем об этой supplant-технике, используем :)

[@esenin]

Могу подсказать еще один вариант.
Допустим нужно составить tr
Тупо, скрываем ее в HTML коде:
…
После чего выбираем его из HTML:
jQuery('table tr')
Вот Вам и шаблон, с которым можно работать.

[@Aralot]

дежавю прям

[@artch]

Решение от Джона Резига
ejohn.org/blog/javascript-micro-templating/

[@igamity]

Шаблоны элегантны, но что с производительностью? Есть какие-нибудь сравнительные тесты?

[@akzhan]

www.viget.com/extend/benchmarking-javascript-templating-libraries/

[@slik]

Лично я предпочитаю етот шаблонизатор

[@t0os]

Аналогичное: sreznikov.blogspot.com/2010/01/supplant.html

[@m4spam]

Вот такая вот ерунда: github.com/ratsam/AstralTemplate

Почти «настоящий» шаблонизатор, с поддержкой include, extend, хелперами и прочими ненужностями.
Неплохо тормозит с включенным фаербагом :)

[@Cyberneticist]

Шаблонизаторы для JS сейчас переживают процесс «второго рождения» в связи с появлением node.js: wiki.github.com/ry/node/modules#templating

а из клиентских либ неплохой шаблонизатор XTemplate встроен в Sehcha (ex — Ext JS)

[@tenshi]

экранирование спецсимволов кто будет делать?

[@rednaxi]

контроллер, в шаблон данные уже экранированные должны попадать

[@tenshi]

я не хочу каждую строчку вручную экранировать. это гемор и я обязательно что-нибудь забуду.

[@ArtyV]

Кто сказал? Экранирование нужно вью, пусть вью этим и занимается

[@AigizK]

вью должен только отображать, а какие там пришли данные, его вообще не должно интересовать.

[@ArtyV]

Он отвечает за предстваление этих данных. Где-то надо эскейпить, а где-то не надо, он и решает где и что делать

[@tenshi]

тем более что эскейпить нужно по разному в зависимости от того, куда вставлять.

[@ArtyV]

Вот вот

[@ZaQ]

Есть отличный jQuery плагин Taconite malsup.com/jquery/taconite/ который позволяет в ответ на запрос послать и HTML и javascript и команды jQuery, т.е. решить ту же задачу значительно проще и универсальнее.

[@mihalicyn]

Честно говоря не вижу в этом подходе ничего нового. =)
Что же касается конкатенаций, так тут что-то мне подсказывает что replace работает помедленнее, чем они.
(Но это нужно проверить)

[@Holden]

Использую в качестве шаблона xsl. А в качастве данных xml.
И да собираю в html на стороне клиента.

Плюсы:
+ менять xsl в разы удобнее чем html-текст в яваскрипте.
+ можно инклудить шаблоны
+ не нужно разбирать пришедший json, Все труды ложаться на xslt-процессор
+ представление от данных отделено как никогда

Минусы:
— не работает в konqueror
* тестов не проводил, но может быть в каком-то браузере оно работает не достаточно быстро. Задержек из-за xslt-процессора замечено не было.

(Если правильно подойти к кешированию xsl и xml, то получаем доп. бонус)

[@taliban]

habrahabr.ru/blogs/javascript/82615/
просто переделанный вот этот скрипт, для возможности использовать функции в шаблонах:
api.prototypejs.org/language/template/

[@ZooKeeper]

String.format в ExtJS
www.sencha.com/deploy/dev/docs/?class=String

[@jakobz]

В dojo еще есть поддержка django templates language. Может быть удобно если хочется реюзать шаблоны между клиентом и сервером.