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

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

11
ReactJS 2つのコンポーネントの通信
私はReactJSを使い始めたばかりで、私が抱えている問題に少し行き詰まっています。 私のアプリケーションは基本的にフィルターを備えたリストとレイアウトを変更するためのボタンです。現在<list />、3つのコンポーネントを使用しています:< Filters />と<TopBar />、ここで設定を変更すると、ビューを更新するために< Filters />何らかのメソッドをトリガーする必要があり<list />ます。 これらの3つのコンポーネントを相互に作用させるにはどうすればよいですか、または変更を加えることができるある種のグローバルデータモデルが必要ですか?


15
GoogleマップV3の2点間の距離を計算する
StackаэтотвопросестьответынаStack Overflowнарусском:Какопределятьближайшиемаркеры? GoogleマップV3の2つのマーカー間の距離をどのように計算しますか?(distanceFromV2 の関数に似ています。) ありがとう。

11
コールバックでJavaScriptコードの実行時間を測定するにはどうすればよいですか?
node.jsインタープリターを使用して実行しているJavaScriptコードがあります。 for(var i = 1; i < LIMIT; i++) { var user = { id: i, name: "MongoUser [" + i + "]" }; db.users.save(user, function(err, saved) { if(err || !saved) { console.log("Error"); } else { console.log("Saved"); } }); } これらのデータベース挿入操作にかかる時間をどのように測定できますか?このコードの前後の日付値の差を計算することもできますが、コードの非同期性のため、これは正しくありません。

27
AngularJSでアンカーハッシュリンクを処理する方法
AngularJSでアンカーハッシュリンクをうまく処理する方法を知っている人はいますかますか? 簡単なFAQページの次のマークアップがあります <a href="#faq-1">Question 1</a> <a href="#faq-2">Question 2</a> <a href="#faq-3">Question 3</a> <h3 id="faq-1">Question 1</h3> <h3 id="faq-2">Question 2</h3> <h3 id="fa1-3">Question 3</h3> 上記のリンクのいずれかをクリックすると、AngularJSがインターセプトして、まったく別のページ(私の場合、リンクに一致するルートがないため、404ページ)にルーティングされます。 私の最初の考えは、「/ faq /:chapter」に一致するルートを作成し、対応するコントローラーチェックで作成することでした$routeParams.chapter一致する要素の後にし、jQueryを使用してその要素までスクロールすることでした。 しかし、AngularJSは再び私にたわごとを与え、とにかくページの上部にスクロールします。 だから、ここの誰かが過去に似たようなことをし、それに対する良い解決策を知っていますか? 編集:html5Modeに切り替えると問題が解決するはずですが、とにかくIE8 +をサポートする必要があるため、受け入れられない解決策ではないかと心配しています:/

7
CoffeeScriptでの3項演算
a条件に応じて値を設定する必要があります。 CoffeeScriptでこれを行う最も簡単な方法は何ですか? たとえば、これは私がJavaScriptでそれを行う方法です: a = true ? 5 : 10 # => a = 5 a = false ? 5 : 10 # => a = 10

6
Expressを使用してNodeJS Serverからファイルをダウンロードする
サーバーにあるファイルを、nodeJSサーバーのページにアクセスするマシンにダウンロードするにはどうすればよいですか? 私はExpressJSを使用していますが、これを試しています: app.get('/download', function(req, res){ var file = fs.readFileSync(__dirname + '/upload-folder/dramaticpenguin.MOV', 'binary'); res.setHeader('Content-Length', file.length); res.write(file, 'binary'); res.end(); }); しかし、ファイル名とファイルタイプ(または拡張子)を取得できません。誰かが私を助けてくれますか?

10
JavaScriptのfor…of構文を使用してループカウンター/インデックスを取得する
注意: 質問は依然としてfor…ofループに適用されます。> Arrayのfor…in反復には使用せず、オブジェクトのプロパティの反復に使用してください。つまり、これ for…inJavaScript の基本的な構文が次のようになっていることを理解しています。 for (var obj in myArray) { // ... } しかし、ループカウンター/インデックスを取得するにはどうすればよいですか? 私はおそらく私が次のようなことをすることができることを知っています: var i = 0; for (var obj in myArray) { alert(i) i++ } または古き良きもの: for (var i = 0; i < myArray.length; i++) { var obj = myArray[i] alert(i) } しかし、私はむしろ単純なfor-inループを使用したいと思います。私は彼らがよりよく見え、より理にかなっていると思います。 よりシンプルでエレガントな方法はありますか? Pythonでは簡単です。 for …

10
「this」のjQueryの最初の子
「this」をクリックされたスパンからjQuery関数に渡して、クリックされた要素の最初の子でjQueryを実行できるようにしています。うまくいかないようです... <p onclick="toggleSection($(this));"><span class="redClass"></span></p> JavaScript: function toggleSection(element) { element.toggleClass("redClass"); } 要素の:first-childを参照するにはどうすればよいですか?

8
$ watchオブジェクト
辞書の変更を監視したいのですが、何らかの理由で監視コールバックが呼び出されません。 ここに私が使用するコントローラーがあります: function MyController($scope) { $scope.form = { name: 'my name', surname: 'surname' } $scope.$watch('form', function(newVal, oldVal){ console.log('changed'); }); } こちらがバイオリンです。 名前または姓が変更されるたびに$ watchコールバックが呼び出されることを期待していますが、それは起こりません。 それを行う正しい方法は何ですか?


12
オブジェクトを配列に追加する方法
オブジェクトを配列(JavaScriptまたはjquery)に追加するにはどうすればよいですか?たとえば、このコードの問題は何ですか? function(){ var a = new array(); var b = new object(); a[0]=b; } このコードを使用して、function1の配列に多くのオブジェクトを保存し、配列内のオブジェクトを使用するためにfunction2を呼び出します。 オブジェクトを配列に保存するにはどうすればよいですか? オブジェクトを配列に入れて変数に保存するにはどうすればよいですか?

16
HTML5 / JavaScriptを使用してファイルを生成および保存する
私は最近WebGLをいじっていて、Colladaリーダーを動かしてもらいました。問題は、それがかなり遅い(Colladaは非常に冗長な形式です)ので、ファイルをより使いやすい形式(おそらくJSON)に変換し始めます。JavaScriptでファイルを解析するためのコードがすでにあるので、それをエクスポーターとして使用することもできます。問題は節約です。 これで、ファイルを解析して結果をサーバーに送信し、ブラウザーにサーバーからのダウンロードとしてファイルを要求するようにできることがわかりました。しかし実際には、サーバーはこの特定のプロセスとは何の関係もないので、なぜそれを関与させるのでしょうか。目的のファイルの内容はすでにメモリにあります。純粋なJavaScriptを使用してダウンロードをユーザーに提示する方法はありますか?(私はそれを疑っていますが、尋ねるかもしれません...) そして明確にするために:私はユーザーの知識なしにファイルシステムにアクセスしようとはしていません!ユーザーはファイルを(おそらくドラッグアンドドロップで)提供し、スクリプトはファイルをメモリ内で変換し、結果をダウンロードするように求められます。ブラウザに関する限り、これらはすべて「安全な」アクティビティである必要があります。 [編集]:私はそれを前に述べなかったので、「フラッシュ」と答えたポスターは十分に有効ですが、私がしていることの一部は、純粋なHTML5で何ができるかを強調する試みです...私の場合はすぐに。(「実際の」Webアプリを実行しているすべての人にとって、これは完全に有効な答えですが)サーバーに関与したくない限り、私は運が悪いように見えます。とにかくありがとう!

18
JavaScript / HTML5の効果音
ゲームのプログラミングにHTML5を使用しています。私が今遭遇している障害は、効果音を再生する方法です。 特定の要件は少数です。 複数のサウンドを再生してミックスし、 同じサンプルを複数回再生し、場合によっては再生を重ねて、 任意の時点でサンプルの再生を中断し、 できれば(低品質の)RAW PCMを含むWAVファイルを再生してくださいが、もちろん変換できます。 私の最初のアプローチは、HTML5 <audio>要素を使用して、ページ内のすべてのサウンドエフェクトを定義することでした。FirefoxはWAVファイルを完全に再生しますが、#play複数回呼び出しても実際にはサンプルが複数回再生されるわけではありません。HTML5仕様についての私の理解から、<audio>要素は再生状態も追跡するので、それが理由を説明しています。 私の当面の考えは、オーディオ要素のクローンを作成することでした。そのため、次の小さなJavaScriptライブラリを作成しました(jQueryに依存します)。 var Snd = { init: function() { $("audio").each(function() { var src = this.getAttribute('src'); if (src.substring(0, 4) !== "snd/") { return; } // Cut out the basename (strip directory and extension) var name = src.substring(4, src.length - 4); // Create the …

17
constを使用しているとJSHintが警告を出すのはなぜですか?
これは、constを使用するときに発生するエラーです。 <error line="2" column="1" severity="warning" message="'const' is available in ES6 (use esnext option) or Mozilla JS extensions (use moz)." source="jshint.W104" /> 私のコードは次のようになります: const Suites = { Spade: 1, Heart: 2, Diamond: 3, Club: 4 }; コードが正常に機能するのは、JSHintが毎回警告するだけです。

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