Когда использовать механизмы шаблонов JavaScript?

Question

Вот пример шаблона JavaScript из демонстрационного одностраничного долгоживущего AJAX-приложения Бена Наделя, взятого из: [source]

<script id="contact-list-item-template" type="application/template">

    <li class="contact clear-fix">

            <div class="summary">
                    <a class="name">${name}</a>
            </div>

            <div class="actions">
                    <a href="javascript:void( 0 )" class="more">more</a> &nbsp;|&nbsp;
                    <a href="#/contacts/edit/${id}" class="edit">edit</a> &nbsp;|&nbsp;
                    <a href="#/contacts/delete/${id}" class="delete">delete</a>
            </div>

            <dl class="details clear-fix">
                    <dt>
                            name:
                    </dt>
                    <dd>
                            ${name}
                    </dd>
                    <dt>
                            phone:
                    </dt>
                    <dd>
                            ${phone}
                    </dd>
                    <dt>
                            email:
                    </dt>
                    <dd>
                            ${email}
                    </dd>
            </dl>

    </li>

Я хочу спросить, какова цель использования таких шаблонизаторов JavaScript? Это для экономии пропускной способности? Это просто вопрос Разделение проблем ? Поможет ли это в борьбе с проблемами утечки памяти в браузере?

Когда мне следует использовать шаблонизатор и когда проще использовать необработанные HTML-ответы AJAX?

Похожие обсуждения:

JQuery шаблонизаторы

Answer 1

Шаблонирование является хорошим решением в нескольких сценариях:

• Загрузка всех данных с сервера, особенно при отображении в расширенном списке
• Добавление или обновление новых элементов в списках
• Везде, где вам нужно добавить новый сложный контент на страницу
• Все, что требует клиентского рендеринга HTML

Источник: http://www.west -wind.com / Weblog / posts / 509108.aspx