1. Inicio
  2. Pregunta y respuesta
  3. de navegador de plantillas compatibles NodeJS

de navegador de plantillas compatibles NodeJS

2011-04-30 10 views
7

Busco volver a utilizar las plantillas que escribo para NodeJS en el navegador, por esto espero que ganar la página rápido tiempo de carga (representación inicial), y la capacidad de cambiar el contenido dinámico, etc ...de navegador de plantillas compatibles NodeJS

Esto sería muy natural en Node, ¿alguna idea de motores de plantillas compatibles?

Por cierto, me gusta la sintaxis de estilo HAML, por lo que cualquier cosa basada en HAML es una gran ventaja.

Gracias! romanos

Editar: Creo que me gusta el enfoque del bigote de la mayoría, que trabaja con Express y también en el lado del cliente .. actualizará aquí en cómo fue la aplicación ..

Fuente

2011-04-30 Anonymous

Respuesta

2

EJS obras en el navegador y con expreso fuera de la caja. Es cierto que la sintaxis no es del estilo HANL ni es particularmente rica en funciones, pero puede hacer que funcione fácilmente.

También he utilizado un simple technique de reutilización de plantillas y puntos de vista sobre el cliente y el servidor y funciona razonablemente bien

Fuente

2011-04-30 14:22:53 Raynos

11

Jade es excelente, muy similar a HAML y compila a JavaScript para el uso del navegador :)

Consulte el archivo README en el Github repo para obtener más información.

Jade es también el lenguaje de plantilla semioficialmente recomendado para el marco web actualmente más popular para Node, Express (de hecho, comparten autores), por lo que parece una opción sólida para mí.

Recientemente evalué una gran cantidad de librerías de plantillas NodeJS y terminé eligiendo a Jade.

He hecho un simple example of using Jade in the browser. Lo divertido sucede en demo.js, y también puede ver index.jade que contiene el marcado de página básico.

Fuente

2011-04-30 17:09:37 mikl

+1

Podría enlazar algunos ejemplos del uso de 'Jade' en el navegador y lo que la API se parece. – Raynos

+0

He agregado un [pequeño ejemplo] (http://reveal.dk/misc/jade/), como se menciona en la respuesta anterior :) – mikl

+0

Gracias, pero parece que Jade no funciona en FF3 (según el lista), tampoco funciona en el iPad =/ –

1

JAVASCRIPT TEMPLATE SHOWDOWN!~

que es casi todas las mejores plantillas en fila para probar en el navegador.

(también @Raynos Incluye un ejemplo de jade en el navegador)

Personalmente utilizo Jade, combinado con la aguja y jquery sólo uso selectores CSS.

Pero. . . Como se puede ver en la tabla, Jade no se lleva bien con Firefox 3 u Opera.

Fuente

2011-04-30 19:58:04 generalhenry

+0

Mi ejemplo anterior funciona bien en todos los navegadores que tengo (probé Opera 10 y 11). No tengo FF3, así que no puedo responder por eso. – mikl

+0

En cuanto a la velocidad de reproducción, no creo que haga una gran diferencia en la mayoría de las aplicaciones, ya que insertar el marcado prestado en el DOM lleva mucho más tiempo que cualquiera de los enginges de plantilla renderizar, sin mencionar el tiempo gastado hacer que los datos se procesen en primer lugar. Por supuesto, uno tiene el derecho de usar cualquier biblioteca de plantillas que desee, pero veo pocas razones para sacrificar la conveniencia por dudosas ganancias de rendimiento :) – mikl

+0

Tampoco se lleva bien con el iPad, y por mucho que me gustaría ignorar a la manzana, cant :( –

Cuestiones relacionadas

 Cuestiones relacionadas