javascript - cambiar - ejs renderfile
¿Cuándo usar los motores de plantillas de JavaScript? (1)
Este es un ejemplo de plantilla de JavaScript de la aplicación AJAX de larga duración de una página de demostración de Ben Nadel tomada de: [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> |
<a href="#/contacts/edit/${id}" class="edit">edit</a> |
<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>
Quiero preguntar cuál es el propósito de usar un motor de plantillas de JavaScript como ese. ¿Es para salvar el ancho de banda? ¿Es solo una cuestión de separación de preocupaciones ? ¿Ayudará a combatir los problemas de fugas de memoria del navegador?
¿Cuándo debo usar el motor de plantillas y cuándo es más fácil ir con respuestas AJAX de HTML sin formato?
Discusión relacionada:
La plantilla es una buena solución en algunos escenarios:
- Cargando todos los datos del servidor, especialmente en las pantallas de lista enriquecida
- Agregando o actualizando nuevos artículos en listas
- En cualquier lugar que necesite agregar nuevo contenido complejo a la página.
- Cualquier cosa que requiera la representación HTML del lado del cliente