これらのものを身につけてこそ、Javascriptを本当に身につけました.
1604 ワード
これらのものは全部私が創造したのではなく、私が考えている本の中の精華です.Javascriptの精華について、学習を通じて、Javascriptに対する認識がさらに向上し、いくつかのことを明らかにしました.これらの知识を新しい枠组みに応用します.新しい枠组みはJSで各种のグラフを展示することを目标にしています.この机能の枠组みがたくさんありますが、自分のものを作る必要があると思います.ふふっ!ご注意ください.次に本題に戻ります.私たちのJavascriptの達人が身につけなければならないものを始めます.これは長くなります.連載で発表されるかもしれません.
DOMはブラウザ関連
分離の注意点:WEBアプリケーションは3つの部分を含み、内容(HTML)、展示(CSS)、行為(Javascript).アプリケーションを開発する時、この3つの部分をできるだけ分離させます.
DOMアクセス
DOMの最小アクセスを減らす:
1、循環でDOMにアクセスすることを避ける;
選択は比較的に流行っているブラウザしかありません.JQueryのようないくつかの種類のライブラリも使えます.
DOM操作
もし可能であれば、DOMノードを追加するためにdocument fragmentを使用します.
イベント
イベントエージェント
スクリプトを長時間実行
Web Workers
リモート実行スクリプト
言語:
一般的な変換
x+“” => String(x)
+x => Number(x)
x-0=>Number(x)
!!x=>Boolean(x)
DOMはブラウザ関連
分離の注意点:WEBアプリケーションは3つの部分を含み、内容(HTML)、展示(CSS)、行為(Javascript).アプリケーションを開発する時、この3つの部分をできるだけ分離させます.
DOMアクセス
DOMの最小アクセスを減らす:
1、循環でDOMにアクセスすることを避ける;
//
for(var i = 0; i < 100; i += 1){
document.getElementById('result').innerHTML += i + ', ';
}
//
var i, content = '';
for(i = 0; i < 100; i += 1){
content += i + ', ';
}
document.getElementById('result').innerHTML += content;
2、局所変数を使用してDOM参照を保持する.//
var padding = document.getElementById(‘result’).style.padding,
margin = document.getElementById("result").style.margin;
//
var style = document.getElementById(’result‘).style,
padding = style.padding,
margin = style.margin;
3、できればセレクタAPIを使用する.選択は比較的に流行っているブラウザしかありません.JQueryのようないくつかの種類のライブラリも使えます.
document.querySelector("ul .selected");
document.querySelectorAll("#widget .class");
4、HTML要素セットを巡回した場合、lengthをキャッシュします.DOM操作
もし可能であれば、DOMノードを追加するためにdocument fragmentを使用します.
イベント
イベントエージェント
スクリプトを長時間実行
Web Workers
リモート実行スクリプト
言語:
一般的な変換
x+“” => String(x)
+x => Number(x)
x-0=>Number(x)
!!x=>Boolean(x)