2011-11-18 3 views
10

wpadłem LESS website i to jest opis robią”CSS po stronie serwera?

LESS rozszerza CSS z dynamicznego zachowania takie jak zmienne, wstawek, operacji i funkcji. LESS działa zarówno po stronie klienta (IE 6+ , Webkit, Firefox) i po stronie serwera, z Node.js.

Co to znaczy "i server-side" z node.js? wiem, że można napisać kod po stronie serwera z javascript za pomocą węzła .js, ale jakie jest znaczenie posiadania CSS po stronie serwera i jak to jest przydatne?

+0

Mogę sobie wyobrazić, że na serwerze jest analizuje arkusze stylów i stosuje je w-line tagów stylu. Chociaż to tylko najlepsza domysły. –

Odpowiedz

9

Co to znaczy „i server-side” z node.js? Wiem, że możesz napisać kod po stronie serwera za pomocą javascript używając Node.js, ale jakie jest znaczenie posiadania CSS po stronie serwera i jak to jest przydatne?

To nie CSS, który jest (opcjonalnie) odbywa się po stronie serwera, jest to MNIEJ przetwarzanie, co skutkuje normalnym CSS, który jest wysyłany do klienta.

Więc jeśli masz plik .less na serwerze sieci Web z tym:

@color: #4D926F; 

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

... i masz serwer WWW skonfigurowany do przetwarzania .less plików przez MNIEJ kompilatorem działającym pod node.js (np , podobnie jak .php pliki są przetwarzane przez interpreter PHP, .py plików przez interpreter Pythona, etc.), a następnie wyjście z mniej kompilatora (czysty CSS) zostanie wygenerowane i wysłane do klienta:

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

To (trochę) więcej obciążenia na serwerze, ale oznacza, że ​​nie musisz się martwić o uruchamianie kompilatora LESS w przeglądarce (np. Możesz obsługiwać klientów innych niż JavaScript).

+0

Co masz na myśli przez "To nie jest CSS, który jest (opcjonalnie) zrobiony po stronie serwera"? –

+0

CSS jest stosowany przez przeglądarkę, więc jest wykonywany po stronie klienta. To, co dzieje się po stronie serwera, zamienia składnię LESS (która jest znaczną poprawą na CSS) na składnię CSS. –

+0

Sposób opisywania przez @ T.J.Crowder brzmi tak, jakby pliki CSS były przetwarzane za każdym razem, gdy strona się ładuje.To trochę nieefektywne - powinny one zostać przetworzone raz podczas wdrażania. – mlissner

2

Jestem prawie pewien, że oznacza to, że możesz uruchomić kod LESS za pomocą Node.js podczas fazy tworzenia aplikacji, aby wstępnie rozwinąć CSS.

Innymi słowy, umożliwia to wykonanie tej strony serwera przed wdrożeniem (lub, jak sądzę, na żądanie, jeśli użytkownik chce) w celu poprawy wydajności po stronie klienta.

0

To znaczy dokładnie to, co mówi. Umieszczasz swoje pliki .less na serwerze, a serwer zajmie się parsowaniem, kompilacją i minimalizacją.

1

słabiej kompilator jest realizowany w JavaScript i kompilator może działać zarówno po stronie klienta jak i serwera (z wykorzystaniem NodeJS)

1

mój zakład: byłoby skompilować css po stronie serwera, i przesunąć go do klienta