JavaScript 開発のための 5 つのヒント

5 つの簡単なヒント:

<form> 要素でのみ submit イベントを使用します

フォーム内でイベント ハンドラーをバインドする場合は、<form> 要素の代わりに submit イベントのみをバインドする必要があります。クリックイベントを送信ボタンにバインドします。
3 月: この方法は確かに優れていますが、同社は開発中に Web フローを使用しました。1 つのページは大きなフォームであり、その中に複数の送信ボタンがある可能性があるため、クリック時に一部のイベント ハンドラーを送信ボタンにバインドする必要があります。イベント。

クリック可能なものはすべてリンクである必要があります

アンカー要素 (<a>) 以外の要素にクリック イベントをバインドしないでください。キーボード ユーザーにとって、キーボードだけでは要素に焦点を当てるのが難しい場合があるため、これは重要です。
3 月: ただし、個人的には、アンカー要素はリンクとしてのみ使用する必要があり、一部の機能操作 (Google リーダーのすべてを新規としてマークするなど) は <span> でマークするのが最適であり、アクセシビリティの問題はショートカット キーで解決できます。他の方法で解決しました。これにより、HTML 要素のセマンティクスをより適切に復元できます。

簡単な for ループの最適化

for ループを作成するときに、パフォーマンスを向上させる非常に簡単なトリックがあります。
for ( var i = 0; i < elements.length; ++i )
上記の代わりに次のステートメントを使用します:
for ( var i = 0, j = elements.length; i < j; ++ i )
このようにして、要素の数 (elements.length の値) を変数 j に格納できるため、ループするたびに要素の数をカウントする必要がありません。

匿名関数をイベント ハンドラーとして使用する

特に短い関数の場合、名前付き関数への参照を使用するよりも匿名関数を作成した方が読みやすくなります。
anchor.onclick = function() { map.goToPosition( home ); return false; }
3 月: より複雑な JavaScript を開発する場合は、名前付き関数を使用する方が効率的です。

文字列を連結する代わりに Array.join を使用してください

多くの文字列、変数などを長い文字列に連結する場合は、すべての文字列と変数を配列に入れてから、join メソッドを使用して長い文字列を形成します。コードの可読性とパフォーマンスの点で、文字列連結よりも優れています。
var text = '存在します' + elements.length + '要素配列のメンバー';
var text = ['存在します', elements.length, '要素配列のメンバー'].join(' ' );

その他の関連記事については、PHP 中国語 Web サイト (www.php.cn) に注目してください。