JavaScript の簡単なパフォーマンスの問題と学習メモ_JavaScript スキル

1. <script> タグはできるだけ少なくする必要があります (ただし、複数あってもプログラムはエラーを報告しません)。これは、各 <script> タグが最初にダウンロードされるときにページのレンダリングをブロックするためです。 <BR>2. <script> タグをページの上部に配置しないようにしてください。各 <script> が実行されると、ファイルがダウンロードされ、ブラウザはすべての js/css がダウンロードされるまで待機します。ページは完了後にのみ表示されます。<BR> 3. 複数の js ファイルをインポートする必要がある場合、通常は 2 つの <script src= を作成します。 "..." />、実際には複数回のインポートをサポートします。例: <script src="file1.js&file2.js" /> <BR>4. script> タグ: defer は、この要素に含まれるスクリプトが変更されないことを示します。そのため、コードは安全に実行を遅らせることができますが、この属性は IE4 および Firefox3.5 ブラウザーでのみサポートされていることに注意してください。他のブラウザで使用されている場合は、直接無視されます。 使用例: </script>

、テスト検証延期属性の例:

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

<script>alert("script");</script>
<script> <BR>window.onload = function() { <BR>alert( "ロード" ); <BR></script>

通常の理解では、このコードの実行順序は defer、script、load である必要がありますが、defer をサポートするブラウザでの順序が script、defer、load である場合は、ここで注意する必要があります: defer は次のようになります。 not follow スクリプトの後に実行されますが、onload イベントが処理される前に呼び出されます。

時間は限られているので、今日はたくさん記録しましょう