タグ付けされた質問 「javascript」

ECMAScript(JavaScript / JS)とそのさまざまな方言/実装(ActionScriptを除く)でのプログラミングに関する質問。このタグが単独で使用されることはほとんどありませんが、ほとんどの場合、[node.js]、[jquery]、[json]、および[html]タグに関連付けられています。

5
角度ディレクティブは、ディレクティブの属性で指定された式の関数に引数を渡すことができますか?
特定のcallback属性を分離スコープで使用するフォームディレクティブがあります。 scope: { callback: '&' } それは内部にあるng-repeatので、私が渡す式にはid、コールバック関数への引数としてオブジェクトのが含まれています。 <directive ng-repeat = "item in stuff" callback = "callback(item.id)"/> ディレクティブを使い終えると、$scope.callback()コントローラー関数から呼び出されます。ほとんどの場合、これで問題ありませんし、やりたいことはこれだけですが、場合によっては、directiveそれ自体の内部から別の引数を追加したいこともあります。 これを可能にする角度式はありますか:$scope.callback(arg2)、callbackで呼び出されarguments = [item.id, arg2]ますか? そうでない場合、これを行うための最も近い方法は何ですか? これが機能することがわかりました: <directive ng-repeat = "item in stuff" callback = "callback" callback-arg="item.id"/> と scope { callback: '=', callbackArg: '=' } ディレクティブ呼び出し $scope.callback.apply(null, [$scope.callbackArg].concat([arg2, arg3]) ); しかし、私はそれが特にきちんとしているとは思いません、それは分離スコープに余分なものを置くことを含みます。 もっと良い方法はありますか? ここにプランカー遊び場があります(コンソールを開いたままにします)。

6
親に相対的な子として要素のインデックスを取得します
私がこのマークアップを持っているとしましょう: <ul id="wizard"> <li>Step 1</li> <li>Step 2</li> </ul> そして私はこのjQueryを持っています: $("#wizard li").click(function () { // alert index of li relative to ul parent }); liそれをクリックしたときに、親を基準にした子のインデックスを取得するにはどうすればよいliですか? たとえば、「ステップ1」をクリックするalertと、「0」付きのポップアップが表示されます。
160 javascript  jquery 

18
IE7でのJavaScriptのデバッグ
Internet Explorer 7でJavaScriptをデバッグする必要があります。 残念ながら、そのデフォルトのデバッガーは私に多くの情報を提供しません。エラーが表示されたページ(特定のスクリプトではない)と、行番号が表示されます。それが私の問題に関連しているかどうかはわかりません。 エラーを特定のスクリプト(Firebugのように)の行番号に絞り込むことができると便利です。 FirebugがFirefoxで行うように、IE7でJavaScriptをデバッグするためのアドオンはありますか? ありがとうございました! 以下も参照してください。 IE7には「開​​発者モード」またはFirefox / Chrome / Safariのようなプラグインはありますか?

5
JavaScript依存関係管理:npm対bower対volo [終了]
休業。この質問には、より焦点を当てる必要があります。現在、回答を受け付けていません。 この質問を改善してみませんか?質問を更新して、この投稿を編集するだけで1つの問題に焦点を当てます。 5年前休業。 この質問を改善する どのように比較するかnpm、bowerとvolo? 3つすべてを使用して、UIプロジェクトのJavaScript依存関係をインストールできます。npmよりノード固有であると理解しています。 それで、いつ何を使うのですか? npmまだ遠い立って、しかし、bowerとvolo私は間に線を引くことができないのですが、まったく同じ問題を解決しているようだnpmとbower-volo。

6
jQueryセレクターでJavaScript変数を使用する方法
JavaScript変数をjQueryセレクターのパラメーターとして使用するにはどうすればよいですか? <script type="text/javascript"> $(function(){ $("input").click(function(){ var x = $(this).attr("name"); $("input[id=x]").hide(); }); }); </script> <input type="text" id="bx"/><input type="button" name="bx"/> <input type="text" id="by"/><input type="button" name="by"/> 基本的に私がやりたいidことは、クリックされている要素の名前に等しいを持つ要素を非表示にできるようにすることです。
160 javascript  jquery 

15
PHPのpreg_match_all()のように、JavaScriptで複数の出現箇所を正規表現と一致させるにはどうすればよいですか?
&またはで区切られたキー=値のペアで構成されるURLエンコードされた文字列を解析しようとしています&。 以下は、最初の出現にのみ一致し、キーと値を別々の結果要素に分解します。 var result = mystring.match(/(?:&|&)?([^=]+)=([^&]+)/) 文字列「1111342 = Adam%20Franco&348572 = Bob%20Jones」の結果は次のようになります。 ['1111342', 'Adam%20Franco'] グローバルフラグ 'g'を使用すると、すべての出現に一致しますが、完全に一致した部分文字列のみが返され、分離されたキーと値は返されません。 var result = mystring.match(/(?:&|&)?([^=]+)=([^&]+)/g) 文字列「1111342 = Adam%20Franco&348572 = Bob%20Jones」の結果は次のようになります。 ['1111342=Adam%20Franco', '&348572=Bob%20Jones'] 文字列を分割し&て各キー/値ペアを個別に分割することもできますが、JavaScriptの正規表現サポートを使用し/(?:&|&)?([^=]+)=([^&]+)/て、PHPのpreg_match_all()関数と同様に、パターンの複数の出現に一致する方法はありますか? 私は次のようにサブマッチを分けて結果を得るいくつかの方法を目指しています: [['1111342', '348572'], ['Adam%20Franco', 'Bob%20Jones']] または [['1111342', 'Adam%20Franco'], ['348572', 'Bob%20Jones']]
160 javascript  regex 

22
isNaN(“”)(スペースを含む文字列)がfalseに等しいのはなぜですか?
JavaScriptでは、なぜはにisNaN(" ")評価されますfalseが、にisNaN(" x")評価されtrueますか? 私は、テキスト入力フィールドに数値演算を実行しています、と私はフィールドがあるかどうかをチェックしていますnull、""またはNaN。誰かがフィールドにいくつかのスペースを入力すると、3つすべての検証が失敗し、なぜisNaNチェックを通過しないのか混乱します。
160 javascript  nan 

13
this.setStateは私が期待するように状態をマージしていません
次の状態です。 this.setState({ selected: { id: 1, name: 'Foobar' } }); 次に、状態を更新します。 this.setState({ selected: { name: 'Barfoo' }}); setStateマージすると仮定しているので、次のようになると予想します。 { selected: { id: 1, name: 'Barfoo' } }; しかし、代わりにIDを使用し、状態は次のとおりです。 { selected: { name: 'Barfoo' } }; これは予想される動作ですか、ネストされた状態オブジェクトの1つのプロパティのみを更新するための解決策は何ですか?

4
モカのデフォルトのタイムアウトを変更する
ユニットテストファイルmy-spec.jsがあり、mochaで実行している場合: mocha my-spec.js デフォルトのタイムアウトは2000ミリ秒です。コマンドラインパラメータを使用して、部分テスト用に上書きできます。 mocha my-spec.js --timeout 5000 すべてのテストでデフォルトのタイムアウトをグローバルに変更することは可能ですか?つまり、デフォルトのタイムアウト値は、呼び出し時の2000ミリ秒とは異なります。 mocha my-spec.js


12
オリジナルを参照しながらJavaScript関数をオーバーライドする
a()オーバーライドしたい関数がありますがa()、コンテキストに応じた順序でオリジナルを実行することもできます。たとえば、ページを生成しているときに、次のようにオーバーライドしたい場合があります。 function a() { new_code(); original_a(); } そして時々このように: function a() { original_a(); other_new_code(); } オーバーライドoriginal_a()内からどのように取得しa()ますか?可能ですか? このようにオーバーライドする代わりに提案しないでください、私は多くを知っています。この方法について具体的に質問します。

11
Javascript-マウスの位置を追跡する
マウスカーソルの位置をtミリ秒ごとに定期的に追跡したいと考えています。つまり、基本的に、ページが読み込まれると、このトラッカーが開始し、(たとえば)100ミリ秒ごとに、posXとposYの新しい値を取得してフォームに出力する必要があります。 次のコードを試しましたが、値が更新されません。フォームボックスに表示されるのは、posXとposYの初期値のみです。これを稼働させる方法についてのアイデアはありますか? <html> <head> <title> Track Mouse </title> <script type="text/javascript"> function mouse_position() { var e = window.event; var posX = e.clientX; var posY = e.clientY; document.Form1.posx.value = posX; document.Form1.posy.value = posY; var t = setTimeout(mouse_position,100); } </script> </head> <body onload="mouse_position()"> <form name="Form1"> POSX: <input type="text" name="posx"><br> POSY: <input type="text" name="posy"><br> …
160 javascript 

16
角度とデバウンス
AngularJSでは、ng-modelオプションを使用してモデルをデバウンスできます。 ng-model-options="{ debounce: 1000 }" Angularでモデルをデバウンスするにはどうすればよいですか?ドキュメントでデバウンスを検索しようとしましたが、何も見つかりませんでした。 https://angular.io/search/#stq=debounce&stp=1 解決策は、たとえば次のような独自のデバウンス関数を作成することです。 import {Component, Template, bootstrap} from 'angular2/angular2'; // Annotation section @Component({ selector: 'my-app' }) @Template({ url: 'app.html' }) // Component controller class MyAppComponent { constructor() { this.firstName = 'Name'; } changed($event, el){ console.log("changes", this.name, el.value); this.name = el.value; } firstNameChanged($event, first){ if (this.timeoutId) …

15
JavaScriptでハッシュ後にURLが変更されたかどうかを検出する方法
JavaScriptでURLが変更されたかどうかを確認するにはどうすればよいですか?たとえば、AJAXを使用するGitHubのようなWebサイトは、#記号の後にページ情報を追加して、ページをリロードせずに一意のURLを作成します。このURLが変更されたかどうかを検出する最良の方法は何ですか? されるonloadイベントが再び呼ばれますか? URLのイベントハンドラーはありますか? または、変更を検出するためにURLを毎秒チェックする必要がありますか?
160 javascript  ajax 


弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.