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

[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. Может быть удобно если хочется реюзать шаблоны между клиентом и сервером.