2011-11-18 23 views
10

me encontré con LESS website y esta es la descripción de que están haciendo"CSS en el lado del servidor?

MENOS extiende CSS con el comportamiento dinámico como variables, mixins, operaciones y funciones. Menor número de recorridos, tanto en el lado del cliente (IE 6+ , WebKit, Firefox) y del lado del servidor, con Node.js.

¿Qué significa "y del lado del servidor" con Node.js? yo sé que se puede escribir código del lado del servidor con javascript usando nodo .js, pero ¿cuál es el significado de tener CSS en el lado del servidor y cómo es útil?

+0

Me imagino que en el servidor se analiza las hojas de estilo y los aplica con etiquetas de estilo en línea. Aunque esto es solo una mejor suposición. –

Respuesta

9

¿Qué significa "y del lado del servidor" con Node.js? Sé que puedes escribir código del lado del servidor con javascript usando Node.js, pero ¿cuál es el significado de tener CSS en el lado del servidor y cómo es útil?

No es el CSS que está (opcionalmente) realiza del lado del servidor, que es el menos procesamiento, lo que resulta en CSS normal que se envía al cliente.

Así que si usted tiene un archivo .less en su servidor web con esto:

@color: #4D926F; 

#header { 
    color: @color; 
} 
h2 { 
    color: @color; 
} 

... y usted tiene su servidor web configurado para procesar .less archivos a través del compilador MENOS ejecuta en Node.js (por ejemplo, , al igual que .php archivos se procesan a través del intérprete de PHP, .py archivos a través del intérprete de Python, etc.), entonces la salida del compilador MENOS (CSS puro) se genera y envía al cliente:

#header { 
    color: #4D926F; 
} 
h2 { 
    color: #4D926F; 
} 

Esto es (un poco) más carga en su servidor, pero significa que no tiene que preocuparse por ejecutar el compilador LESS en el navegador (por ejemplo, puede admitir clientes que no sean JavaScript).

+0

¿Qué quiere decir con "No es el CSS (opcionalmente) hecho por el lado del servidor"? –

+0

CSS es aplicado por el navegador, por lo que se realiza desde el lado del cliente. Lo que está sucediendo en el lado del servidor es convertir la sintaxis LESS (que es una mejora notable en CSS) en sintaxis CSS. –

+0

La forma en que @ T.J.Crowder describe que esto suena como que los archivos CSS se procesan cada vez que se carga una página.Eso es un poco ineficiente: realmente deberían procesarse una vez en la implementación. – mlissner

2

Estoy bastante seguro de que significa que puede ejecutar el código LESS con Node.js durante la fase de compilación de la aplicación para expandir previamente el CSS.

En otras palabras, le permite hacer ese lado del servidor antes de la implementación (o, supongo, a pedido, si lo desea) para mejorar el rendimiento del lado del cliente.

0

Significa exactamente lo que dice. Coloque sus archivos .less en el servidor y el servidor se encargará de analizar, compilar y minificar.

1

El compilador menos es implementado en JavaScript y el compilador puede ejecutar tanto en el cliente como el servidor (usando NodeJS)

1

mi apuesta: sería compilar el lado del servidor CSS, y empujarlo al cliente

Cuestiones relacionadas