私たちのWebアプリケーションでは、さまざまな効果が飛び交っています。可能な限り多くの要素を動的に作成するように切り替えています。必要に応じて読んでください。
要素で使用するのが大好きなこの手法、つまり、スタイルシートでcssスタイルを使用してクラスを作成し、要素をjsで作成する場合は、要素にクラスを追加するだけで、スタイルを設定できます。 cssファイル。
これは本当に最良のアプローチですか、それともjavascript（element.style = *）でスタイルを設定する方が良いでしょうか？
この場合、メモリは非常に重要であるため、メモリの使用量とレンダリングの負荷が少ない方がよいことに注意してください。
これは場合によって異なります。オンとオフを切り替えるだけの要素のスタイルが設定されている場合は、クラスの追加/削除が最適です。ただし、一貫してスタイルを変更している場合（つまり、アニメーション内）、スタイルを変更する方が適切です。メモリに関しては、クラスの追加/削除の方がメモリ効率が高いと思われます。
それを別のスタイルシートに入れることは、通常、保守性、ロジックからのコンテンツの分離など、すべての優れた点でベストプラクティスと見なされます。
ただし、メモリ使用量とレンダリング時間は、特に重要であるとおっしゃっていますが、別の問題になる可能性があります。
最新のブラウザに組み込まれているWeb開発者ツール（Chrome開発者ツールなど）を使用して、メモリとレンダリング時間のアプローチとプロファイルの両方を試すことができます。Chrome Dev Toolsで、[タイムライン]を選択し、下部にある記録ボタンを押してページを読み込み、関連する場合はページでいくつかの操作を行い、記録を停止して、そこでメモリ使用量と読み込み時間を調べます。
アニメーションが気になる場合は、タイムラインの下にフレームのような3番目のオプション（タイムラインとメモリを除く）があるChromeCanaryをインストールすることをお勧めします。