ホームページ  >  記事  >  ウェブフロントエンド  >  JavaScript の簡単なパフォーマンスの問題と学習メモ_JavaScript スキル

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

WBOY
WBOYオリジナル
2016-05-16 17:01:25900ブラウズ

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 イベントが処理される前に呼び出されます。

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

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
前の記事:jquery は dom 固定要素を取得し、style_jquery の簡単な例を追加します。次の記事:jquery は dom 固定要素を取得し、style_jquery の簡単な例を追加します。

関連記事

続きを見る