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

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

10
JavaScriptチェックボックスの変更
フォームにチェックボックスがあり、次のシナリオに従って機能させたい: 誰かがチェックした場合、テキストフィールド(totalCost)の値をに設定する必要があります10。 次に、戻ってチェックを外すと、関数はフォームの他のパラメーターに従ってcalculate()の値を設定しますtotalCost。 つまり、基本的には、チェックボックスをオンにすると1つの処理を行い、オフにすると別の処理を行う部分が必要になります。

2
ブラウザからWebSocket ping / pongフレームを送信する
接続を維持するために、websocket内のping / pongメッセージについて読み続けていますが、それらが何かはわかりません。別のフレームタイプですか?(ピンポンに関連するChromeのJavaScript WebSocketオブジェクトのメソッドはありません)。それとも単なる設計パターンですか(たとえば、文字どおり "ping"またはその他の文字列をサーバーに送信して応答させます)。ピンポンは継続フレームに関連していますか? 私が尋ねる理由は、Mongrel2の背後で実行されるpythonフレームワークを使用しているため、Pythonアプリが必要とせずに接続を維持するように指示する特定のping / pongメッセージをMongrel2に送信する方法があるかどうかです。それについて心配してください。別のHTTPメソッドを持っているのに似ていると思います。また、専用のping / pongメッセージフレームは、文字列 "ping"よりも簡単である(サーバーとネットワークの負荷が少ない)と考えられますが、あまり重要ではありません。 編集:私はRFC 6455を見たところ、PingとPongは間違いなく独自のオペコードを持つコントロールフレームタイプであるように見えます。では、ChromeのJavaScriptからPingフレームを送信するにはどうすればよいですか?


30
Reactプロジェクトで「クラスを関数として呼び出せません」を取得する
Reactマップコンポーネントをプロジェクトに追加しようとしていますが、エラーが発生します。Fullstack Reactのブログ投稿を参考にしています。エラーがスローされる場所をgoogle_map.jsの83行目で追跡しました。 function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } } これが私の地図コンポーネントです。最後の3行である58〜60行目をコメントアウトすると、ページは(マップなしで)正常にロードされます。編集:@Dmitriy Nevzorovが提案した変更を加えましたが、それでも同じエラーが発生します。 import React from 'react' import GoogleApiComponent from 'google-map-react' export class LocationsContainer extends React.Component { constructor() { super() } render() { const style = { width: '100vw', …

16
クロスオリジン読み取りブロッキング(CORB)
Jquery AJAXを使用してサードパーティAPIを呼び出しました。コンソールで次のエラーが発生します: Cross-Origin Read Blocking(CORB)は、MIMEタイプapplication / jsonのクロスオリジン応答MY URLをブロックしました。詳細については、https://www.chromestatus.com/feature/5629709824032768を参照してください。 Ajax呼び出しに次のコードを使用しました。 $.ajax({ type: 'GET', url: My Url, contentType: 'application/json', dataType:'jsonp', responseType:'application/json', xhrFields: { withCredentials: false }, headers: { 'Access-Control-Allow-Credentials' : true, 'Access-Control-Allow-Origin':'*', 'Access-Control-Allow-Methods':'GET', 'Access-Control-Allow-Headers':'application/json', }, success: function(data) { console.log(data); }, error: function(error) { console.log("FAIL....================="); } }); Fiddlerでチェックインしたとき、応答としてデータを取得しましたが、Ajax成功メソッドでは取得していません。 私を助けてください。

7
Javascriptとregex:文字列を分割し、セパレータを保持する
文字列があります: var string = "aaaaaa<br />† bbbb<br />‡ cccc" そして、この文字列を区切り文字と<br />その後に続く特殊文字で分割したいと思います。 それをするために、私はこれを使用しています: string.split(/<br \/>&#?[a-zA-Z0-9]+;/g); 区切り文字がなくなったことを除いて、必要なものを取得しています。次に例を示します。http://jsfiddle.net/JwrZ6/1/ 区切り文字を保持するにはどうすればよいですか?
130 javascript  regex 

20
form.submitの応答を取得する方法
私は次のコードを持っています: <script type="text/javascript"> function SubmitForm() { form1.submit(); } function ShowResponse() { } </script> . . . <div> <a href="#" onclick="SubmitForm();">Click</a> </div> のHTML応答をキャプチャしたいform1.submitですか?どうすればよいですか?form1.submitメソッドにコールバック関数を登録できますか?

9
反応の状態配列から項目を削除します
話は、ボブ、サリー、ジャックを箱に入れることができるはずです。どちらも箱から取り出せます。取り外すと、スロットは残りません。 people = ["Bob", "Sally", "Jack"] 「ボブ」を削除する必要があります。新しい配列は次のようになります。 ["Sally", "Jack"] これが私の反応コンポーネントです: ... getInitialState: function() { return{ people: [], } }, selectPeople(e){ this.setState({people: this.state.people.concat([e.target.value])}) }, removePeople(e){ var array = this.state.people; var index = array.indexOf(e.target.value); // Let's say it's Bob. delete array[index]; }, ... ここでは、最小限のコード(onClickなど)があるので、それを示します。重要な部分は、配列から「Bob」を削除、削除、破棄することremovePeople()ですが、呼び出されても機能しません。何か案は?私はこれを見ていましたが、Reactを使用しているため、何か間違っている可能性があります。

6
AngularJS-ngRepeatでフィルタリングされた結果参照を取得する方法
私はそのようなフィルターでng-repeatディレクティブを使用しています: ng-repeat="item in items | orderBy:'order_prop' | filter:query | limitTo:4" レンダリングされた結果を細かく見ることができます。次に、コントローラーでその結果に対していくつかのロジックを実行したいと思います。問題は、結果アイテムの参照を取得するにはどうすればよいですか? 更新: 明確にするために:私はオートコンプリートを作成しようとしています、私はこの入力を持っています: <input id="queryInput" ng-model="query" type="text" size="30" placeholder="Enter query"> そしてフィルタリングされた結果: <ul> <li ng-repeat="item in items | orderBy:'order_prop' | filter:query | limitTo:4">{{item.name}}</li> </ul> 次に、結果をナビゲートして、アイテムの1つを選択します。

16
JavaScriptを使用したタッチスクリーンデバイスの検出
Javascript / jQueryでは、クライアントデバイスにマウスがあるかどうかをどのように検出できますか? ユーザーがアイテムの上にマウスを置いたときに小さな情報パネルを上にスライドするサイトがあります。ホバーを検出するためにjQuery.hoverIntentを使用していますが、これは明らかにiPhone、iPad、Androidなどのタッチスクリーンデバイスでは機能しません。これらのデバイスでは、タップして情報パネルを表示するように戻します。



9
ビット演算子とは何ですか?
私は楽しみのためにコードを書く人であり、学術的または専門的な設定でそれを深く掘り下げていないので、これらのビット単位の演算子のようなものは本当に私をエスケープします。 私はJavaScriptに関する記事を読んでいましたが、これは明らかにビット単位の操作をサポートしています。私はこの操作が何度も言及されているのを見続けていますが、正確にそれが何であるかを理解しようと読みましたが、まったく理解できないようです。それで、彼らは何ですか?明確な例は素晴らしいでしょう!:D もう少し質問-ビット演算の実用的なアプリケーションは何ですか?いつ使用しますか?

18
インラインJavascriptと外部JavaScriptのどちらを使用すればよいですか?
パフォーマンスとメンテナンスの容易さの観点から、外部スクリプトを含めるか、HTMLコードにインラインで記述する必要がある場合を知りたいです。 これの一般的な方法は何ですか? 現実のシナリオ-クライアント側のフォーム検証が必要なHTMLページがいくつかあります。このために、これらすべてのページに含めるjQueryプラグインを使用します。しかし、問題は、私が次のことを行うかどうかです。 このスクリプトをインラインで構成するコードを記述しますか? これらすべてのhtmlページで共有される1つのファイルにすべてのビットを含めますか? 各HTMLページごとに1つずつ、個別の外部ファイルに各ビットを含めますか? ありがとう。

7
リスト内の要素をImmutableJSで更新する方法は?
これは公式ドキュメントが言ったことです updateIn(keyPath: Array<any>, updater: (value: any) => any): List<T> updateIn(keyPath: Array<any>, notSetValue: any, updater: (value: any) => any): List<T> updateIn(keyPath: Iterable<any, any>, updater: (value: any) => any): List<T> updateIn(keyPath: Iterable<any, any>, notSetValue: any, updater: (value: any) => any): List<T> 通常のWeb開発者(関数プログラマーではない)がそれを理解する方法はありません! 私はかなり単純な(非機能的なアプローチの)ケースを持っています。 var arr = []; arr.push({id: 1, name: "first", count: …

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