のプロモーションを行いjQuery形結合コード用

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

  •  09-06-2019
  •  | 
  •  

質問

して使用してアプリケーショ良い量のjQuery JSON電話サーバー側のコードです。このため、大量の結合コードの構文解析の対応と結合する、適切な価値観の形式です。この二つの部分に質問です。

  1. とは推奨アプローチのための関数形状全て異なったデータです。現在のため体系的なアプローチを取る設定js"クラス"の各ページは、init wireClickEvents。うべてに適合.

  2. はあるので、"ベストプラクティス"を繰り返しjQueryコードの推奨構造以外を投げるの束としての機能jsファイルとは何ですか？

役に立ちましたか？

解決

な100%だとえば何を求めているのが個人的に使っていMochiKitでは，JavaScript"の授業"（またはウィジェットのご要望は、全ての重要なクライアント側のUI構造です。これらの知りはもちろん、どのように自らの移植です。

どうなるかはわからないがいるという書き込みUIコードブラウザのJavaScriptの上書きUIコードその他のアプリにしています。構築クラスやインスタンスを生成し、必要に応じて移植してデータ、スローイベント等など。

今ました。:)

編集：つまり、そんなことをやっているのか、することができます。見も多くの初心者JavaScriptハッカーの書きの束状凝集機能がなされるもの特定の以外のものはすべて単一のファイルです。希望の意いたしました。

他のヒント

きょうの枠組みのように knockout.js このようにできるだけの更新モデルの形状を更新します。

さんいらっしゃるかと思い複数のchallangesます。最初の問題は、これらの構造をjavascriptコード、すなわち作り方の名前空間はなんと闘う名前衝突している名機能 

form1validate
form1aftersubmit
form2validate
form2aftersubmit

の実績のあるパターンのためのモジュールでは、javascriptを使用匿名の機能のさらなる新ネーミングです。基本的な考え方はshon以下のコード

(function() {
  var foo = 1;
})();

(function() {
  if(foo == 1) alert("namespace separation failed!")
})();

この ブログ である。

第の質問で顔などを避けるためのすべての繰り返しにjavascriptコードです。お持ちの夫婦の武器に対す。

  1. 機能-この縫い目かもしばしば忘れたrefactor共通コードの機能ですることができます。する場合この機能をコピーの値から応答結果のjsonに書い
  2. 高次機能または機能としてデータまたはコールバックとも呼ばれ、javascriptです。これらのmightiest武器です。場合のための形状やajax取り扱い利用できるコールバックを避ける繰り返し、制御の流れます。

私の構築を例に出頭(jqueryを使うためのconvinence)

// this is a validator for one form
   var form1validator = function() {
     if($("input[name=name]",this).attr("value").length < 1 &&
        $("input[name=organisation]",this).attr("value").length < 1)
       return "Either name or organisation required" 
   }

   // and this for a second form
   var form2validator = function() {
     if($("input[name=age]",this).attr("value").length < 21
       return "Age of 21 required"
   }

   // and a function to display a validation result
   var displayResult = function(r) {
     $(this).prepend("<span></span>").text(r);
   }

   // we use them as higher order functions like that

   $("#form1").onSubmit(validator(form1validator, displayResult, function() {
     //on submit
     ...send some xhr request or like that
   });

   $("#form2").onSubmit(validator(form2validator, displayResult, function() {
     this.submit() // simply submit form
   });

   $("#form1b").onSubmit(validator(form1validator, function(r) {
     alert("There was an validation error " + r);
   }, function() {
     //on submit
     ...send some xhr request or like that
   });


   // the validator function itself would be defined as

   function validator(formValidator, displayResult, onSubmit) {
     var r = formValidator.apply(this)
     if(typeof(r) === 'undefined')
       onSubmit(this)
     else
       displayResult(r)
   }
ライセンス： CC-BY-SA と 帰属
所属していません StackOverflow
scroll top