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

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

4
TypeScript:空の型付きコンテナー配列の作成
TypeScriptで「Three of a Crime」というシンプルなロジックゲームを作成しています。 TypeScriptで事前に割り当てられた型付き配列を試そうとすると、次のようなことを試みました。 var arr = Criminal[]; 「式の用語の形式を確認してください」というエラーが発生しました。 これもやってみました var arr : Criminal = []; これは、「[]を「犯罪者」に変換できません。 これを行う「TypeScript」方法は何ですか?

6
トップレベルで非同期/待機を使用するにはどうすればよいですか?
私は以上続けられているasync/ awaitしていくつかの記事の上に行くの後、私は自分自身のテストの事に決めました。しかし、なぜこれが機能しないのか頭を抱えているようには見えません。 async function main() { var value = await Promise.resolve('Hey there'); console.log('inside: ' + value); return value; } var text = main(); console.log('outside: ' + text); コンソールは以下を出力します(ノードv8.6.0): >外部:[オブジェクトの約束] >内側:こんにちは 関数内のログメッセージが後で実行されるのはなぜですか?async/ awaitが作成された理由は、非同期タスクを使用して同期実行を行うためだと思いました。 .then()after を使用せずに関数内で返された値を使用できる方法はありmain()ますか?

11
5秒ごとにページをリロードする方法は?
1つのレイアウトをHTMLに変換しています。code / html / cssに変更を加えると、F5を押す必要があります。このための簡単なjavascript / jQueryソリューションはありますか?つまり、スクリプトを追加した後、5秒ごと(または他の特定の時間)にページ全体をリロードします。
183 javascript  jquery 

7
d3.jsでウィンドウのサイズが変更されたときにsvgのサイズを変更する
私はd3.jsで散布図を描画しています。この質問の助けを借りて: 画面、現在のWebページ、ブラウザウィンドウのサイズを取得します 私はこの答えを使用しています: var w = window, d = document, e = d.documentElement, g = d.getElementsByTagName('body')[0], x = w.innerWidth || e.clientWidth || g.clientWidth, y = w.innerHeight|| e.clientHeight|| g.clientHeight; だから私は私のプロットを次のようにユーザーのウィンドウに合わせることができます: var svg = d3.select("body").append("svg") .attr("width", x) .attr("height", y) .append("g"); ここで、ユーザーがウィンドウのサイズを変更するときに、何かがプロットのサイズ変更を処理するようにしたいと思います。 PS:コードでjQueryを使用していません。
183 javascript  d3.js 

8
分割された文字列配列の最後の要素を取得する
複数のセパレーターを持つ分割配列の最後の要素を取得する必要があります。区切り文字はカンマとスペースです。セパレータがない場合は、元の文字列を返します。 文字列が「今日、どのようにしていますか?」ですか。「今日?」 入力が「hello」の場合、出力は「hello」になります。 JavaScriptでこれを行うにはどうすればよいですか?
183 javascript  split 

6
JavaScriptフォーム送信-送信の確認またはキャンセルダイアログボックス
フィールドが正しく入力されているかどうかを尋ねる警告のある単純なフォームの場合、これを行う関数が必要です。 次の2つのオプションでボタンがクリックされたときに警告ボックスを表示します。 「OK」をクリックすると、フォームが送信されます キャンセルをクリックすると、警告ボックスが閉じ、フォームを調整して再送信できます JavaScriptの確認が機能すると思いますが、どうすればいいのかわかりません。 私が今持っているコードは: function show_alert() { alert("xxxxxx"); } <form> <input type="image" src="xxx" border="0" name="submit" onclick="show_alert();" alt="PayPal - The safer, easier way to pay online!" value="Submit"> </form> コードスニペットを実行する結果を非表示スニペットを展開

8
チェックボックスのクリックでイベントのバブリングを停止する方法
クリックイベントでAjaxアクションを実行するチェックボックスがありますが、チェックボックスはコンテナー内にもあり、チェックボックスがクリックされたときに実行したくない独自のクリック動作があります。このサンプルは、私がやりたいことを示しています。 $(document).ready(function() { $('#container').addClass('hidden'); $('#header').click(function() { if ($('#container').hasClass('hidden')) { $('#container').removeClass('hidden'); } else { $('#container').addClass('hidden'); } }); $('#header input[type=checkbox]').click(function(event) { // Do something }); }); #container.hidden #body { display: none; } <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script> <div id="container"> <div id="header"> <h1>Title</h1> <input type="checkbox" name="test" /> </div> <div id="body"> <p>Some content</p> </div> </div> コードスニペットを実行する結果を非表示スニペットを展開 …

10
javascript Object.definePropertyの使用方法
私はObject.definePropertyメソッドの使い方を探しましたが、適切なものは見つかりませんでした。 誰かが私にこのコードのスニペットをくれました: Object.defineProperty(player, "health", { get: function () { return 10 + ( player.level * 15 ); } }) しかし、私はそれを理解していません。主に、それgetは私が得ることができないものです(しゃれは意図されています)。それはどのように機能しますか?

8
ReactJSの「外部」からコンポーネントメソッドにアクセスする方法
ReactJSの「外部」からコンポーネントメソッドにアクセスできないのはなぜですか?なぜそれが不可能であり、それを解決する方法はありますか? コードを考えてみましょう: var Parent = React.createClass({ render: function() { var child = <Child />; return ( <div> {child.someMethod()} // expect "bar", got a "not a function" error. </div> ); } }); var Child = React.createClass({ render: function() { return ( <div> foo </div> ); }, someMethod: function() { return 'bar'; …
183 javascript  reactjs  dom 


5
ネイティブXHRを約束するにはどうすればよいですか?
この投稿を改善したいですか?この質問に対する詳細な回答を提供してください。これには、引用と、回答が正しい理由の説明が含まれます。詳細が不十分な回答は編集または削除される場合があります。 フロントエンドアプリで(ネイティブ)プロミスを使用してXHRリクエストを実行したいが、大規模なフレームワークのすべてのあざけりはありません。 私は私のXHRは約束を返すようにしたいが、これは動作しません(私を与えます:Uncaught TypeError: Promise resolver undefined is not a function) function makeXHRRequest (method, url, done) { var xhr = new XMLHttpRequest(); xhr.open(method, url); xhr.onload = function() { return new Promise().resolve(); }; xhr.onerror = function() { return new Promise().reject(); }; xhr.send(); } makeXHRRequest('GET', 'http://example.com') .then(function (datums) { console.log(datums); });

4
JavaScriptで関数を定義するためのconstの適切な使用
constJavaScriptで特定の関数を使用して設定できる値のタイプに制限があるかどうかに興味があります。これは有効ですか?動作することは確かですが、なんらかの理由で悪い習慣と見なされていますか? const doSomething = () => { ... } ES6では、このようにすべての関数を定義する必要がありますか?もしそうなら、これは流行っていないようです。 コメントありがとうございます!



16
Origin <origin>はAccess-Control-Allow-Originでは許可されていません
XMLHttpRequest cannot load http://localhost:8080/api/test. Origin http://localhost:3000 is not allowed by Access-Control-Allow-Origin. 私はクロスドメインのajaxリクエストについて読み、根本的なセキュリティ問題を理解しています。私の場合、2台のサーバーがローカルで実行されており、テスト中にクロスドメインリクエストを有効にしています。 localhost:8080 - Google Appengine dev server localhost:3000 - Node.js server localhost:8080 - GAE serverノードサーバーからページが読み込まれている間にajaxリクエストを発行しています。最も簡単で安全なものは何ですか(disable-web-securityオプションでChromeを起動したくない)。を変更'Content-Type'する必要がある場合、ノードサーバーで変更する必要がありますか?どうやって?

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