61

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

Googleの「jQueryのベストプラクティス」を使用すると、検索結果に次のようなものが見つかる可能性があります。 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

4

4 に答える 4

42

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

避けるべきjQueryの落とし穴

非常に興味深い便利なヒントが次々と。

ここに私が私のブックマークで見つけたいくつかのものがあります：

于 2009-08-07T16:05:52.490 に答える
27

私が個人的に始めたのは、これらの変数の前に$

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

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

于 2009-08-07T16:39:28.740 に答える
12

目立たない JavaScript (マークアップと動作の分離)

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

プログレッシブエンハンスメント

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

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

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

幸運を。

于 2009-08-07T17:15:15.500 に答える
2

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);
});

それはあなたの機能をスピードアップするからです。

于 2009-08-07T16:02:54.633 に答える