jQuery の標準とベスト プラクティス [終了]

StackOverflow https://stackoverflow.com/questions/1245598

質問

私は現在、社内の Web 開発者のコ​​ミュニティに jQuery の使用を展開する責任を負っています。この一部にはコースの提示が含まれますが、別の部分には標準とベスト プラクティスの伝達が含まれます。

「jQuery ベスト プラクティス」を Google で検索すると、おそらく検索結果の中に次のものが見つかるでしょう。http://www.smashingmagazine.com/2008/09/16/jquery-examples-and-best-practices/ http://www.artzstudio.com/2009/04/jquery-performance-rules/

これらは役に立ちましたし、私もそれらに関する多くの有益な情報を明らかにしました。ただし、私が本当に興味があるのは、経験豊富な jQuery 開発者や、私と同じような立場にいるかもしれない人々からのベスト プラクティスに関するヒント、罠、意見などです。良いリンクもあれば幸いです。

編集：

私自身のページに jQuery コーディング標準セクションを追加しました。

http://www.jameswiseman.com/blog/?p=48

役に立ちましたか？

解決

このトレンドのトピックは、ここ StackOverflow.com で見つけることができます。

避けるべきjQueryの落とし穴

非常に興味深い役立つヒントが次から次へと出てきます。

私のブックマークで見つけたものをさらにいくつか紹介します。

他のヒント

私が個人的にやり始めたことは、ある種のことです。 アプリのハンガリー語表記 jQuery セットの場合は、これらの変数に接頭辞を付けます。 $

var someInt = 1;
var $someQueryCollection = $( 'selector' );

jQuery スニペットが大きくなるにつれて、これは jQuery セットを変数として保存することを促進するだけでなく、どの変数を追跡するのにも役立ちます。 実際にある jQuery セット。

控えめな JavaScript (マークアップと動作の分離)

昔は、クリック ハンドラーをマークアップ内に置くのが一般的でした。JS コードをマークアップ内に記述するのではなく、DOM イベントを介して含めることをお勧めします。

段階的な強化

標準に準拠したブラウザを使用しているか、JavaScript が有効になっている場合、ユーザーのエクスペリエンスが向上します。古いブラウザを使用していたり​​、JS が無効になっている場合でも、Web サイト/Web アプリケーションには引き続きアクセスできます。

ブラウザ検出ではなく機能検出

上記の点はさておき、JavaScript はおもちゃの言語であるというメッセージを (先入観を打ち破って) 伝えることに重点を置きたいと思います。私はこのように考える開発者をあまりにも多く見てきましたが、そこからはすべてが下り坂になります。JavaScript がいかに非常に強力な言語であるか、また、JS 自体は非常に強力であるにもかかわらず、なぜ JS ライブラリが必要なのか (ブラウザの不一致のため) を説明する必要があります。

幸運を。

jQuery の動作方法は、JavaScript の動作方法とまったく同じではありますが、同じではありません。jQuery は、クラス名や要素の ID などの CSS セレクターで動作します。jQuery で項目を選択するには、次のようにします。

$("#yourID") or $(".yourClass") or $("div") or $("#yourID p") etc

そして、条件に一致するページ上のすべての要素のコレクションを取得します。その後、いかなる種類のループも行わずに、これらすべての要素に対してアクションを実行できます。これは覚えておくことが重要です。

$(".yourClass").click(function(){
    //do stuff
});

すべての項目に影響します .yourClass それらに付属しています。1 つのヒント:にアクセスする場合は、 $(this), 、ローカル変数として保存する必要があります。

$(".yourClass").click(function(){
    var $this = $(this);
});

機能が高速化されるためです。

ライセンス： CC-BY-SA と 帰属
所属していません StackOverflow
scroll top