jQuery_jquery を使用してウィジェットを作成するためのヒントを共有する

1. ウィジェットを作成するときは、通常、いくつかのイベントをバインドする必要があります。これらのウィジェットのバインド イベントを現在のウィジェットの名前空間に追加するのが最善です。同じ jQuery オブジェクトが 2 つのウィジェットで使用され、両方のウィジェットが同じイベント名にバインドされている場合、問題が発生する可能性があります。ウィジェットを破棄するときは、バインド解除 (".namespace") だけでイベントを削除することもでき、非常に便利です。
2. jQuery オブジェクトが連続書き込みをサポートしているため、jQuery を記述するとき。例: $(obj).css("height","20px").attr("title","abc")....
3. JavaScript のネイティブ メソッドを使用して、切り替えを回避できます。書き込み。

コードをコピー コードは次のとおりです:

switch(a)
{
case "aa":
this._set_aa();
case "bb":
this._set_cc();


上記のコードは次のコードに置き換えることができます

コードをコピー

コードは次のとおりです: this["_set_" a](); 4. jQuery オブジェクトとさまざまな変数をキャッシュしてみます。これにより、スクリプトのパフォーマンスが向上します

5. 変数を使用してこのポインターをキャッシュします。コードを最小化すると、これを最小化できます。

6. CSS クラスに一貫した名前を付け、変数を定義して保存することをお勧めします。変数を使用する場合は変数を直接使用するため、CSS名を調整しても変数キャッシュの値を変更するだけで済みます。同時に、最小化するとコードのサイズも削減できます。
7. オプションを設定する場合、オプションが単純な値オブジェクトではなく複雑なオブジェクトである場合は、単純に this.options[key]=value を使用しないことをお勧めします。これを行う前に、値を比較する必要があります。前のオプションの値を拡張してから割り当てます。これにより、複合オブジェクトの元の値の一部が保持されます。例:

コードをコピー

コードは次のとおりです: var a = {width: 120,高さ: 200}; var c={width:200}; a=$.extend(a,c); result is first 最初の a は {width:20} になり、height:200 が失われますが、その下の a は元の height:200 を保持し続けます。