これらのものを身につけてこそ、Javascriptを本当に身につけました.

1604 ワード

これらのものは全部私が創造したのではなく、私が考えている本の中の精華です.Javascriptの精華について、学習を通じて、Javascriptに対する認識がさらに向上し、いくつかのことを明らかにしました.これらの知识を新しい枠组みに応用します.新しい枠组みはJSで各种のグラフを展示することを目标にしています.この机能の枠组みがたくさんありますが、自分のものを作る必要があると思います.ふふっ!ご注意ください.次に本題に戻ります.私たちのJavascriptの達人が身につけなければならないものを始めます.これは長くなります.連載で発表されるかもしれません.
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)