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

<input type="file">プログラムでタグに対してクリックイベントを発生させたいのですが。 click（）を呼び出しただけでは何も実行されないか、少なくともファイル選択ダイアログがポップアップされません。 私はリスナーを使用してイベントをキャプチャし、イベントをリダイレクトする実験をしてきましたが、誰かがクリックしたように実際にイベントを実行することはできませんでした。

261 javascript  html 

現在、react router v4を使用してルートをネストするのに苦労しています。 最も近い例は、React-Router v4 Documentationのルート設定 です。 アプリを2つの部分に分割したい。 フロントエンドと管理領域。 私はこのようなことを考えていました： <Match pattern="/" component={Frontpage}> <Match pattern="/home" component={HomePage} /> <Match pattern="/about" component={AboutPage} /> </Match> <Match pattern="/admin" component={Backend}> <Match pattern="/home" component={Dashboard} /> <Match pattern="/users" component={UserPage} /> </Match> <Miss component={NotFoundPage} /> フロントエンドのレイアウトとスタイルは、管理領域とは異なります。したがって、フロントページ内のルートホーム、つまり1つは子ルートである必要があります。 / homeはフロントページコンポーネントにレンダリングされ、/ admin / homeはバックエンドコンポーネント内にレンダリングされます。 私はいくつかのバリエーションを試しましたが、常に/ homeまたは/ admin / homeを打たないことに終わりました。 編集-19.04.2017 この投稿には現在多くの意見があるため、最終的なソリューションで更新しました。誰かのお役に立てば幸いです。 …

261 javascript  reactjs  nested  react-router  react-router-v4 

ユーザーがアルゴリズムから生成された画像を保存できるようにするジェネレーティブアートプロジェクトに取り組んでいます。一般的な考え方は次のとおりです。 生成アルゴリズムを使用してHTML5キャンバス上に画像を作成する 画像が完成したら、ユーザーがキャンバスを画像ファイルとしてサーバーに保存できるようにします ユーザーが画像をダウンロードするか、アルゴリズムを使用して作成された作品のギャラリーに追加できるようにします。 しかし、私は2番目のステップで立ち往生しています。Googleの助けを借りて、私はこのブログ投稿を見つけました。 これがJavaScriptコードにつながりました： function saveImage() { var canvasData = canvas.toDataURL("image/png"); var ajax = new XMLHttpRequest(); ajax.open("POST", "testSave.php", false); ajax.onreadystatechange = function() { console.log(ajax.responseText); } ajax.setRequestHeader("Content-Type", "application/upload"); ajax.send("imgData=" + canvasData); } および対応するPHP（testSave.php）： <?php if (isset($GLOBALS["HTTP_RAW_POST_DATA"])) { $imageData = $GLOBALS['HTTP_RAW_POST_DATA']; $filteredData = substr($imageData, strpos($imageData, ",") + 1); $unencodedData = …

261 javascript  php  ajax  html5-canvas 

私はこの質問に対するすべての回答を読みましたが、どの解決策も機能しないようです。 また、特殊文字を使用したキープレスのトリガーがまったく機能しないという雰囲気も得ています。誰かがこれを行ったことを誰かが確認できますか？

260 javascript  jquery  events  triggers  keypress 

JSで変数の型を取得するより良い方法はありtypeofますか？あなたがするときそれはうまく働きます： > typeof 1 "number" > typeof "hello" "string" しかし、それを試しても役に立たない： > typeof [1,2] "object" >r = new RegExp(/./) /./ > typeof r "function" 私は知っていinstanceofますが、これには事前にタイプを知っている必要があります。 > [1,2] instanceof Array true > r instanceof RegExp true もっと良い方法はありますか？

260 javascript  types  typeof 

DOMContentLoadedとloadイベントの違いは何ですか？

260 javascript  browser 

解決策を探しましたが、その解決策は見つかりませんでした。 という変数がありますonlyVideo。 "onlyVideo"文字列は関数に渡されます。onlyVideo関数内の変数を何かに設定したい。どうやってやるの？ （関数に呼び出される可能性のある変数がいくつかあるので、ハードコードされたifステートメントではなく、動的に機能する必要があります。） 編集：おそらくあなたがしようとしていることを行うためのより良い方法があるでしょう。私はJavaScriptの冒険の早い段階でこれを尋ねました。JavaScriptオブジェクトの動作を確認してください。 簡単な紹介： // create JavaScript object var obj = { "key1": 1 }; // assign - set "key2" to 2 obj.key2 = 2; // read values obj.key1 === 1; obj.key2 === 2; // read values with a string, same result as above // but works with …

260 javascript  variables 

JSON.parse404応答が含まれる場合がある応答で使用しています。404を返す場合、例外をキャッチしてから他のコードを実行する方法はありますか？ data = JSON.parse(response, function (key, value) { var type; if (value && typeof value === 'object') { type = value.type; if (typeof type === 'string' && typeof window[type] === 'function') { return new(window[type])(value); } } return value; });

260 javascript  xmlhttprequest 

サーバー上のファイルがjQueryまたは純粋なJavaScriptに存在するかどうかを確認するにはどうすればよいですか？

259 javascript  jquery  file-io 

ユーザーが自分のフォームをデザインできるアプリを作成しています。たとえば、フィールドの名前と、含まれる他の列の詳細を指定します。 このコンポーネントは、JSFiddleとしてここから入手できます。 私の初期状態は次のようになります： var DynamicForm = React.createClass({ getInitialState: function() { var items = {}; items[1] = { name: 'field 1', populate_at: 'web_start', same_as: 'customer_name', autocomplete_from: 'customer_name', title: '' }; items[2] = { name: 'field 2', populate_at: 'web_end', same_as: 'user_name', autocomplete_from: 'user_name', title: '' }; return { items }; }, render: …

259 javascript  reactjs  state 

口ひげでこれを行う方法を理解できないのはかなり奇妙に思えます。サポートされていますか？ これは私の悲しい試みです： {{#author}} {{#avatar}} <img src="{{avatar}}"/> {{/avatar}} {{#!avatar}} <img src="/images/default_avatar.png" height="75" width="75" /> {{/avatar}} {{/author}} これは明らかに正しくありませんが、ドキュメントではこのようなことは何も述べられていません。「else」という言葉は言及されていません:( また、なぜ口ひげはこのように設計されているのですか？この種のことは悪いと考えられていますか？モデル自体にデフォルト値を設定することを強制しようとしていますか？それが不可能な場合はどうですか？

258 javascript  templates  mustache 

休業。この質問には、より焦点を当てる必要があります。現在、回答を受け付けていません。 この質問を改善してみませんか？質問を更新して、この投稿を編集するだけで1つの問題に焦点を当てます。 4年前休業。 この質問を改善する いくつかの質問： KarmaとテストフレームワークX（Jasmine、Mocha、QUnit）は互いにどのように関連していますか？ Javaの世界で同等のフレームワークは何ですか？Jasmine、Mocha、QUnitはjUnit / TestNGに等しいと想定しています。カルマはどうですか？ KarmaなしでテストフレームワークX（例：Jasmine）を実行できますか？ Karmaは単体テストまたは統合/ e2eテスト用ですか？この参照はユニットテスト用ですが、これはe2eテスト用です。

258 javascript  unit-testing  integration-testing 

JavaScriptでオブジェクトが持つメソッド/フィールドを確認する必要があります。

258 php  javascript 

私が得たこのコードを PHP経由でバイト単位の秘密の大きさに。 次に、JavaScriptを使用して、これらのサイズを人間が読めるサイズに変換したいと思います。このコードを次のようなJavaScriptに変換しようとしました。 function formatSizeUnits(bytes){ if (bytes >= 1073741824) { bytes = (bytes / 1073741824).toFixed(2) + " GB"; } else if (bytes >= 1048576) { bytes = (bytes / 1048576).toFixed(2) + " MB"; } else if (bytes >= 1024) { bytes = (bytes / 1024).toFixed(2) + " KB"; } else …

258 javascript  byte  converters 

Chromeで、Firebugの「すべてのエラーで中断」機能に相当するものを探しています。[スクリプト]タブでは、Chromeに「すべての例外で一時停止」がありますが、これはすべてのエラーで中断することとはまったく異なります。 たとえば、次のコードを含むページを読み込む場合、Chromeで改行させたいと思いfoo.bar = 42ます。代わりに、「すべての例外で一時停止」を有効にしても、期待した結果が得られません。 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <script type="text/javascript"> function doError() { foo.bar = 42; } window.onload = function() { try { doError(); } catch (e) { console.log("Error", e); } } </script> </head> <body> </body> </html> このページに上記で貼り付けたコードを試すか、このjsFiddleを使用できます。

258 javascript  google-chrome  debugging  webkit