js簡単性能問題及びjs学習まとめ

最近1冊の本を読んでいます.「高性能javaScript」では、普段jsを書いていますが、細かいところに問題があります.これらの問題はプログラムの運行ミスを引き起こしません.しかし、インタフェースのロードが遅くなり、ユーザーの体験が悪くなります.注意すべきところを詳しく数えてみましょう.
1、
＜script＞ラベルは少なければ少ないほどいいです.
＜script＞タブの初期ダウンロードはページのレンダリングをブロックします.
2、
＜スクリプト＞ラベルはなるべくページの上に置かないでください.
＜body＞内の一番下は、それぞれのために
＜スクリプト＞実行時には、対応するjsファイルをダウンロードします.ブラウザはすべてのjs/cssダウンロードが完了するのを待って、ページを表示します.
3、複数のjsファイルを導入する必要がある場合、普通は2つ書きます.
＜script src=「...」/>は、実際には複数の一括導入をサポートしています.
＜script src=「file 1.js&file 2.js」/>
4、ラベルには、本要素に含まれるスクリプトはDOMを変更しないというデferの属性があります.コードは安全に実行を遅らせることができます.ただし、この属性はIE 4+、Firefox 3.5+ブラウザのみです.他のビューアでは無視されます.使用例:

<script type="text/javascript" src="file1.js" defer />

、テスト検証defer属性例:

<script defer>alert("defer");</script>
<script>alert("script");</script>
<script>
window.onload = function() {
alert("load");
};
</script>

このコードは私達が正常に理解して実行する順序はdefer、script、loadですが、deferをサポートするブラウザ上では、script、defer、loadです.ここで注意したいのは、deferはscriptの後に付いて実行するのではなく、Oloadイベントが終わる前に呼び出されます.
まだまだですが、これからも更新しますので、ご注目ください.