0

LESSコードをCSSにコンパイルするビルドプロセスがあります。これは、JavaScript文字列リテラルに挿入され、メインの縮小された.jsコードと連結されます。そして、そのメインコードはCSS文字列をページに挿入します。

これの利点の1つは、スタイルとスクリプトを起動して実行するために必要なHTTPリクエストが1つだけであるということです。

ただし、この方法で行う際の注意点はありますか？

編集

多くの人が私がパンフレットタイプのウェブサイトで働いていると思います。私は実際、単一ページのWebアプリに取り組んでいます。したがって、JavaScriptが無効になっている場合、アプリはとにかくまったく役に立たない。しかし、使いやすさの観点からは、JavaScriptが無効になっているユーザーに、アプリを実行するにはJSが必要であることを伝えるために、いくつかのスタイルが利用可能であることが最善かもしれません。

編集2

Backbone.jsでWebアプリを構築しています。また、私は複数の見解を持っています。スクリプトタグを介してそれらすべてをロードするのはひどい考えです。また、依存関係の管理はひどいものになります。したがって、私はRequireJSを使用して、すべての依存関係を支援しています。

しかし、RequireJSには、アプリで使用できるプレーンテキストファイルをロードできる、このすてきな小さなプラグインもあります。

そのため、このことから、各ビューに独自のLESSファイルで独自のスタイルを持たせるようになりました。

4

6 に答える 6

3
  1. パフォーマンスのメリットがあるとしても、無視できます。
  2. JSが無効になっている場合、スタイルはありません
  3. FOUC（スタイルなしコンテンツのフラッシュ）
  4. 不正なJSエラーにより、すべてのスタイルが無効になる可能性があります。
于 2012-06-24T21:51:34.573 に答える
2

css挿入コードの前に何らかの理由でjsエラーが発生した場合、ページにスタイルがまったく表示されない可能性があります。

于 2012-06-24T21:52:03.067 に答える
2

CSS を適切に記述すると、訪問者がサイトに滞在している間、HTTP リクエストは 1 つだけになります。キャッシュされていることを確認してください。あなたのアドバンテージは、仮にアドバンテージがあったとしても、それほど重要なものではありません。

JavaScript はユーザーによって無効にされるだけでなく、企業のファイアウォールによってブロックされることもあります。これは、そこにある命令の種類や提供元に関するヒューリスティックに依存します。たとえば、JavaScript ファイルの一部は実行されるかもしれませんが、他のファイルは実行されないかもしれません。それは仕事で私に非常に頻繁に起こります。

于 2012-06-24T21:59:20.323 に答える
1

これはパフォーマンスにとってひどいものであり、本番コードでは使用しないでください。

于 2012-06-24T21:51:59.283 に答える
1

CSS はクライアント側でオーバーライドできるため、クライアント側で生成しても問題はありません。

于 2012-06-24T21:52:43.810 に答える
0

FOUC (スタイル設定されていないコンテンツのフラッシュ)。

于 2012-06-24T21:54:59.183 に答える