0

サーバーを壊すことなく、あまり動的にcssファイルを生成しない正しい方法を探しています。

ウィジェットのユーザーは自分の配色を選択し、自分のサイトにウィジェットを追加します。次に、ウィジェットのロードによって設定(配色など)がダウンロードされ、設定からcssを生成する方法を探しています。

ユーザーごとにcssを生成すると、読み込み時間が長くなります。クライアント側ですべてを実行したいと思います。

less.jsを含めると、ページ時間に追加の負荷がかかるため、回避したいと思います。私はcssを動的に生成するために口ひげまたはハンドルバーを使用することにオープンですが、javascriptを使用して生成する方法がわからない、暗くする、明るくするなどの特定の要素があります。

この方法でcssを生成する正しい方法は何ですか?正しい方法で各ユーザーのcssを生成しています。

4

1 に答える 1

0

ユーザーのページを生成するときは、要素で生成されたファイル名(たとえば、ユーザーの設定のハッシュを含む)を使用しますlink。次に、そのCSSを提供するときに、サーバーサイドでコンパイルし、キャッシュヘッダーを配置します。このように、設定が同じである限り、ファイル名は同じままであり、ブラウザはキャッシュされたバージョンを使用します。設定が変更されると、ファイル名が変更され、キャッシュに存在しなくなり、サーバーでの再コンパイルがトリガーされます。

于 2012-12-25T05:45:03.510 に答える