CSS Expression_Experience 交換を使用しない理由の分析

CSS 式で JavaScript 式を使用します。 CSS プロパティは、JavaScript 式の評価に基づいて設定されます。
CSS 式は他のブラウザでは機能しないため、クロスブラウザコーディングでは IE 用に個別に設定すると便利です。
CSS 式は IE5 以降でサポートされています。次のコードを見てみましょう:

コードをコピー コードは次のとおりです。

背景-color:expression ( (new Date()).getHours()%2 ? "#F00" : "#00F" );

上記のコードは CSS Expression を使用して、次の間隔で背景を切り替えます。時間の色。
CSS 式の問題は、その計算頻度が想像よりもはるかに高いことです。ページを表示して拡大したときだけでなく、ページをスクロールしたときやマウスを移動したときも再計算されます。 CSS 式にカウンターを追加して、式が評価される頻度を追跡します。ページ上でマウスを動かすだけで、10,000 を超える計算を簡単に実行できます。
CSS 式の評価数を減らす 1 つの方法は、1 回限りの式を使用することです。これにより、最初の実行時に結果が指定されたスタイル属性に割り当てられ、CSS 式の代わりにこの属性が使用されます。
ページ サイクル中にスタイル プロパティを動的に変更する必要がある場合は、CSS 式の代わりにイベント ハンドラーを使用することが実現可能なアプローチです。 CSS 式を使用する必要がある場合は、CSS 式が何千回も計算され、ページのパフォーマンスに影響を与える可能性があることを忘れないでください。ユーザーがページを開いたときにマシンが非常に遅いと感じさせないでください。