良いプログラマチュートリアルWebフロントエンドには、JavaScriptの開発スキルを共有します

  良いプログラマのWeb フロントエンドのチュートリアルを共有 JavaScriptの開発スキル、私が知っていると信じて、ウェブ小さなパートナーのフロントエンドはあるに精通し Javascriptのそれはよりシャープになり、多くの拡張機能が、また、プログラマがより美しくを作成する機会を与え、ユーザーの好みをすることができますこのサイトは、その後、初心者は何を知っておくべき必要な JavaScriptの開発スキル、それを?ここでは、一緒に見て。

 

  多くの開発者が祝うために満足しているが、 JavaScriptが、一部の人々はまだそのダークサイドを参照してください。

 

  多くの使用 javascriptのコードのWeb ページがゆっくりロードする、の過度の使用Javascriptをウェブが醜いと先延ばしできます。迅速に使用する方法はJavaScriptを非常にホットな話題になること。

 

  1 、コードをシンプルにすることは可能な限り

 

  私たちはすべてを聞いたことのN 倍のコードの単純な問題。あなたはあなたのコードの開発プロセスで開発者として何度も使用しますが、決してでありjsのこの開発を忘れてしまいました。

 

  開発モードでのコメントやスペースを追加しようとするので、コードの読みやすさを保ちます

 

  本番環境でのリリースは、空白文字を配置するとコメントが削除され、および略語の変数やメソッド名を試す前に、

 

  あなたが圧縮達成するために、サードパーティ製のツールを使用して JavaScriptを

 

  2 、思考および変更のプロトタイプを

 

  オブジェクトに新しい属性を追加し、プロトタイプスクリプトエラーの一般的な原因です。

 

  yourObject.prototype.anotherFunction = 'こんにちは';

 

  yourObject.prototype.anotherMethod =関数(){...}

 

  それらはから継承されているので、上記のコードでは、すべての変数が影響を受けることになります yourObject このような使用は、予期しない動作につながることができます。使用後に変更と類似を削除することが提案されています。

 

  yourObject.prototype.anotherFunction = 'こんにちは';

 

  yourObject.prototype.anotherMethod =関数(){ ... }。

 

  test.anotherMethod();

 

  deleteyourObject.prototype.anotherFunction = 'こんにちは';

 

  deleteyourObject.prototype.anotherMethod =関数(){ ... }。

 

  3 DebugJavascript コード

 

  でも、最高の開発者が間違いを犯します。同様のエラーの削減を最大化するために、あなたにデバッガあなたのコードを実行するために、あなたはどんなマイナーなエラーが発生していないことを確認してください。

 

  4 、避ける評価を

 

  あなたの JS なしのevalはまた、ときにメソッドうまく動作することができます。evalのへのアクセスを許可するJavaScript コンパイラを。文字列がパラメータとして渡された場合はeval 、その結果を実行することができます。

 

  これは、大幅にコードのパフォーマンスが低下します。本番環境で使用しないようにしてください evalを

 

  5 、最小限のDOM アクセスを

 

  DOMは最も複雑であるAPI 、コードの実行は、プロセスが遅くなります。時には、ウェブページがロードまたは不完全読み込まれない場合があります。回避する最善のDOMを

 

  6 、使用してJavaScriptを最初のライブラリ学習の前にJavaScriptを

 

  インターネットは多くの満ちている JavaScriptのライブラリ、多くのプログラマは、頻繁に使用するJSの負の影響を理解せずにライブラリを。強くあなたがサードパーティのライブラリを使用する前に、基本を学ぶことをお勧めしますJS コードを。そうでなければ、あなたは不運準備が整いました。

 

  7 、「使用していないのsetTimeout 」と「のsetInterval 」と「メソッドを評価」の代替

 

  setTimeOut("document.getID('value')",3000);

 

  在以上代码中document.getID(value)setTimeOut方法中被作为字符串来处理。这类似于eval方法,在每个代码执行中来执行一个字符串,因此会降低性能,因此,建议在这些方法中传递一个方法。

 

  setTimeOut(yourFunction,3000);

 

  8[]newArray();更好

 

  一个常犯的错误在于使用当需要数组的时候使用一个对象或者该使用对象的时候使用一个数组。但是使用原则很简单:

 

  “当属性名称是小的连续整数,你应该使用数组。否则,使用一个对象”–DouglasCrockford,JavaScript:GoodParts的作者.

 

  建议:

 

  vara=['1A','2B'];

 

  避免:

 

  vara=newArray();

 

  a[0]="1A";

 

  a[1]="2B";

 

  9、尽量不要多次使用var

 

  在初始每一个变量的时候,程序员都习惯使用var关键字。相反,建议你使用逗号来避免多余的关键字,并且减少代码体积。如下:

 

  varvariableOne='string1',

 

  variableTwo='string2',

 

  variableThree='string3';

 

  10、不要忽略分号“;

 

  这往往是大家花费数个小时进行debug的原因之一。


おすすめ

転載: blog.51cto.com/14249543/2412876