2011-11-18 8 views
10

私はLESS websiteに走ったし、これは、彼らが「CSSはサーバー側にありますか?

を行っているLESSは、そのような変数、ミックスイン、操作や機能などの動的挙動とCSSを拡張します。両方のクライアント側のLESS実行(IEの説明である6+私はあなたがノードを使用してJavaScriptを使用してサーバー側のコードを書くことができることを知っていますか?、Webkitのは、Firefox)とサーバー側では、Node.js.

でそれは何を意味する「とサーバー側」のNode.jsと.jsですが、サーバー側でCSSを使用する意味は何ですか?どのように役立ちますか?

+0

にプッシュするスタイルシートを解析およびインラインスタイルタグでそれらを適用しています。これは単なる推測ではありますが。 –

答えて

9

(NodeJSを使用して)クライアントだけでなく、サーバー上の両方を実行できますか?私はあなたがNode.jsを使ってjavascriptでサーバー側のコードを書くことができることを知っていますが、サーバーサイドにCSSを持つ意味は何ですか?そしてそれはどのように役立ちますか?

は、それがクライアントに送信されます、通常のCSSになりLESS処理、だ、(オプションで)サーバー側を行うのCSSではありません。だから、

あなたがこれを使用して、Webサーバー上の.lessファイルがある場合:

@color: #4D926F; 

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

を...そして、あなたのウェブサーバは、Node.jsの下で実行されているLESSコンパイラによって.lessファイルを処理するように構成されている(たとえば、 、ちょうど.phpファイルはPHPインタプリタを通って処理されているように、Pythonインタプリタによって.pyファイルなど)、その後、LESSコンパイラ(純粋なCSS)の出力が生成され、クライアントに送信されます:

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

これはサーバーに負荷がかかりますが、ブラウザでLESSコンパイラを実行する心配がありません(JavaScript以外のクライアントをサポートできるなど)。

+0

「それは(オプションで)サーバーサイドで行われたCSSではない」とはどういう意味ですか? –

+0

CSSはブラウザによって適用されるため、クライアント側で処理されます。何が起きているのかサーバー側では、CSSの構文にLESS構文(CSSの著しい改良点)を変えています。 –

+0

@ T.J.Crowderは、ページが読み込まれるたびにCSSファイルが処理されるように、この音を説明しています。これは少し非効率です。実際には展開時に一度処理する必要があります。 – mlissner

2

CSSを事前に展開するために、アプリケーションビルド段階でNode.jsでLESSコードを実行できるということは確かです。

つまり、クライアント側のパフォーマンスを向上させるために、デプロイメント前にサーバー側で行うことができます(または、必要に応じてオンデマンドで行うこともできます)。

0

正確には何を意味しているのですか。 .lessファイルをサーバーに置くと、サーバーは解析、コンパイル、および縮小を処理します。

1

LESSコンパイラはJavaScriptで実装されており、コンパイラはそれが何を意味する「とサーバー側」のNode.jsでない

1

私の賭け:それは、私は、サーバー上のことを想像CSSのサーバー側をコンパイルし、そしてクライアント

関連する問題