javascript - bootstrap - title tag html
Biblioteca de plantillas HTML HTML recomendadas para JQuery (7)
Aquí hay un documento de discusión razonable sobre este tema, que cubre una variedad de herramientas de plantillas. No es específico de jQuery, sin embargo.
¿Alguna sugerencia sobre qué biblioteca de plantillas HTML funcionaría bien con JQuery? Google busca un buen número de bibliotecas, pero no estoy seguro de si hay una biblioteca bien reconocida que resista el paso del tiempo.
Bueno, para ser sincero, las plantillas del lado del cliente son muy calientes hoy en día, pero bastante junglas.
los más populares son, creo:
- pure : Utiliza solo js, no su propia "sintaxis"
- mustache : bastante estable y agradable, lo escuché.
- jqote2 : extremadamente rápido según jsperfs
- plantillas jquery (en desuso):
hay muchos otros, pero tienes que probarlos para ver lo que más te convenga, y el estilo de tu proyecto, lo mejor.
Personalmente, me es difícil agregar una nueva sintaxis y un conjunto de lógica ( mezcla de lógica y plantilla, ¿hola? ), Y fui js puro. Cada una de mis plantillas se almacena en su propio archivo html (./usersTable.row.html). Utilizo plantillas solo cuando ajaxing contenido, y tengo pocos archivos js "lógicos", uno para tablas, uno para div, uno para listas. y ni siquiera uno para las opciones de selección (donde uso otro método).
Cada vez que traté de hacer algo más complejo, descubrí que el código era menos claro y me tomaba más tiempo estabilizarme que hacerlo a la "vieja" manera. En mi opinión, la lógica de la plantilla no tiene sentido, y agregar su propia sintaxis solo agrega errores muy difíciles de rastrear.
Deberías echarle un vistazo a las plantillas de Javascript, este es un motor de plantilla pequeño utilizado dentro del famoso plugin de carga de archivos jQuery, y desarrollado por el mismo autor, Sebastian Tschan (@blueimp)
https://github.com/blueimp/JavaScript-Templates
Sigue la guía de uso hecha por Sebastian, solo quita esta línea
document.getElementById("result").innerHTML = tmpl("tmpl-demo", data);
Reemplácelo con este
$(''#result'').html(tmpl(''tmpl-demo'', data));
No olvides agregar la etiqueta de resultado div en tu archivo HTML también
<div id="result"></div>
Disfrutar
Hace un par de años construí IBDOM: http://ibdom.sf.net/ | A partir de diciembre de 2009, es compatible con jQuery vinculante si lo obtiene directamente del tronco.
$("#foo").injectWith(collectionOfJavaScriptObjects);
o
$("#foo").injectWith(simpleJavaScriptObject);
Además, ahora puede poner todos los marcadores "data: propName" en class = "data: propName otros nombres de clase", por lo que no tiene que ensuciar el contenido de su aplicación con esos marcadores.
Todavía tengo que actualizar un montón de la documentación allí para reflejar mis mejoras recientes, pero he tenido varias versiones de este marco en producción desde 2007.
Para los escépticos de esta pregunta:
Cuando Microsoft inventó con IE5 lo que hoy conocemos como XmlHttpRequest y el patrón "ajax", parte de la promesa detrás de esto fue intercambiar puramente datos entre un navegador web y el servidor. Esa información debía ser encapsulada en XML, porque en 1999/2000, XML simplemente estaba muy caliente. Más allá de recuperar un documento xml a través de la red con un mecanismo de devolución de llamada, el componente MSXML ActiveX de MS también admite una implementación preliminar de lo que ahora conocemos como XSL-T y XPath.
La combinación de la recuperación de HTTP / XML, XPath y XSL-T brindaba a los desarrolladores una gran creatividad para crear "documentos" completos que se comportaban como "aplicaciones", enviando exclusivamente y, lo que es más importante, recuperando datos del servidor.
¿Por qué es este un patrón útil? Depende de cuán compleja sea su interfaz de usuario y de cuánto le importe su capacidad de mantenimiento.
Al construir una interfaz visualmente muy rica marcada semánticamente con CSS avanzado, lo último que desea hacer es dividir trozos de marcas en "mini-controlador / vistas", para que pueda .inner HTML un fragmento de documento en el principal documento, y he aquí por qué.
Un principio clave para mantener una interfaz de usuario avanzada html / css manejable es preservar su validación al menos durante su fase activa de desarrollo. Si su marcado valida, puede centrarse en sus errores de CSS. Ahora, si se inyectan fragmentos de markup end-up durante varias etapas de la interacción del usuario, todo se vuelve muy difícil de manejar, y todo se vuelve frágil.
La idea era tener todas sus construcciones UI de marcado en un solo documento, recuperar SOLO DATOS a través de la red, y usar un marco sólido que al menos simplemente inyecte sus datos en sus construcciones de marcado, y en la mayoría de los constructos de marcado duplicados que marcó como repetible.
Esto fue posible con XSL-T y XPath en IE5 +, pero prácticamente no en otros navegadores. Algunos frameworks de navegador F / OSS han estado incursionando con XPath, pero aún no es algo en lo que podamos confiar.
Entonces, ¿cuál es la mejor alternativa para lograr ese patrón? IBDOM. Obtenga datos de su servidor, ingréselos en su documento. sin esfuerzo.
Verificaría json2html , renuncia a tener que escribir fragmentos HTML y confía en las transformaciones JSON para convertir las matrices de objetos JSON en listas no estructuradas. Muy rápido y usa la creación DOM.
un motor de plantilla para JavaScript.
Complemento a jQuery ...
caracteristicas:
- 100% en JavaScript
- precompilador
- Soporte JSON
- Trabaja con Ajax
- Permitir el uso de código JavaScript dentro de la plantilla
- Permitir construir plantillas en cascada
- Permitir definir parámetros en plantillas
- Live Refresh! - contenido de actualización automática del servidor ...
Plugin de plantillas jQuery creado por Microsoft y aceptado como un plugin jQuery oficial.
Pero tenga en cuenta que ahora está en desuso.