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

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

13
Google ChromeのインラインJavaScriptにブレークポイントを設定するにはどうすればよいですか?
Google Chromeで開発者ツールを開くと、プロファイル、タイムライン、監査などのあらゆる種類の機能が表示されますが、jsファイルとhtmlおよびjavascriptコードの両方にブレークポイントを設定できるなどの基本的な機能がありません。それ自体がバグのあるJavaScriptコンソールを使用しようとしました。たとえば、JSエラーが発生すると、ページ全体を更新しない限り、コンソールから抜け出すことができません。誰か助けてもらえますか?

14
HTMLフォームのデフォルトの送信ボタンはどのように決定されますか?
フォームが送信されたが、特定のボタンではない場合 押して Enter HTMLFormElement.submit()JSでの使用 ブラウザーは、押されたボタンとして使用する複数の送信ボタンがある場合、どのボタンを決定することになっていますか? これは2つのレベルで重要です。 onclick送信ボタンに接続されたイベントハンドラーの呼び出し Webサーバーに送り返されたデータ これまでの私の実験では、次のことが示されています。 押すとEnter、Firefoxの、オペラとSafariは、フォームの最初の送信ボタンを使用します を押すとEnter、IEは最初の送信ボタンを使用するか、私が把握できなかった条件に応じてまったく使用しないかを選択します これらのブラウザはすべて、JS送信に何も使用しません。 標準は何と言っていますか? それが役立つ場合は、ここに私のテストコードがあります(PHPは私のテスト方法にのみ関連し、私の質問自体には関連しません) <!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> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Test</title> </head> <body> <h1>Get</h1> <dl> <?php foreach ($_GET as $k => $v) echo "<dt>$k</dt><dd>$v</dd>"; ?> </dl> <h1>Post</h1> <dl> …

12
JavaScriptをHTMLファイルのどこに配置しますか?
かなり重いJavaScriptファイルがあり、およそ100kb程度に圧縮されているとしましょう。ファイルとは<script src="...">、HTML自体に貼り付けられるのではなく、を介してリンクされる外部ファイルであることを意味します。 これをHTMLに配置するのに最適な場所はどこですか? <html> <head> <!-- here? --> <link rel="stylesheet" href="stylez.css" type="text/css" /> <!-- here? --> </head> <body> <!-- here? --> <p>All the page content ...</p> <!-- or here? --> </body> </html> 各オプション間に機能的な違いはありますか?

12
Google Chromeでデバッグするときにスクリプトの実行を終了するにはどうすればよいですか?
Google ChromeデバッガーでJavaScriptコードをステップ実行するときに、続行したくない場合、スクリプトの実行を終了するにはどうすればよいですか?私が見つけた唯一の方法は、ブラウザウィンドウを閉じることです。 [このページを再読み込み]を押すと、コードの残りの部分が実行され、F8 [続行]を押すようにフォームが送信されます。 更新: スクリプトの一時停止中にF5(更新)を押すと、次のようになります。 Google Chrome(v22)がスクリプトを実行します。スクリプトがHTTP要求を送信すると、その要求のHTTP応答が表示されます。元のページは更新されません。 IE 9がフリーズするだけです。ただし、IEには[デバッグの停止]オプションがあり、これを押すと(以前にF5を押さなかった場合)、デバッガーの外部でスクリプトを実行し続けます。 FirebugはChromeと同じように動作します。 ブラウザーウィンドウを閉じてから再度開くのは、ブラウザーセッションの状態を強制終了するため、次の最も簡単な方法であるとは限りません。すべてのブレークポイントも失われます。 更新(2014年1月): デバッグ中に更新: Chrome v31:スクリプトを実行し、それ以降のブレークポイントで停止します(ただし、ajaxリクエストは送信しません)。次に、更新します。 IE 11:更新は何もしませんが、F5キーを押して続行できます。 Firefox v26:スクリプトを実行できますが、それ以上のブレークポイントで停止せず、ajaxリクエストを送信して更新します。 進歩のようなもの! デバッグ中に同じページに移動します。 Chrome v31:更新と同じ。 IE 11:スクリプトが終了し、新しいブラウザセッションが開始されます(閉じて再び開くのと同じ)。 Firefox v26:何も起こりません。 また、juacalaは効果的な回避策を提案しました。たとえば、jQueryを使用している場合、jQueryメソッドが検出されると、コンソールからdelete $を実行すると実行が停止します。上記のすべてのブラウザでテストしましたが、動作していることを確認できます。 更新(2015年3月): 最後に、2年以上、ほぼ1万回の表示の後、正しい答えがAlexander Kによって与えられました。GoogleChromeには独自のタスクマネージャーがあり、タブ自体を閉じずにすべてのブレークポイントやその他のものをそのままにして、タブプロセスを強制終了できます。 私はBrowserStack.comまでChrome v22でテストしましたが、そのときでもこれがこのように機能していることがわかりました。 Juacalaの回避策は、IEまたはFirefoxでデバッグする場合にも役立ちます。 更新(2019年1月): Chrome Dev Toolsはついにスクリプトの実行を停止する適切な方法を追加しました(これは少し隠されていますが)。詳細については、James Gentesの回答を参照してください。

16
サーバーなしで実行できるapkをreact-nativeで生成するにはどうすればよいですか?
私は自分のアプリを作成しました。ローカルエミュレーター(およびデバッグサーバーを変更して、同じネットワーク内のAndroidデバイスでも)で実行できます。 ただし、開発サーバーにアクセスせずに誰かに送信できるAPKを作成し、アプリケーションをテストできるようにしたいと考えています。 ドキュメントの「iOSでのオフラインバンドルの使用」セクションが表示されます。しかし、私はアンドロイドのために同じことを達成する方法を理解することができませんでした。これは可能ですか?もしそうなら、どうですか? 更新:この質問への回答(AndroidはJSバンドルのロードに失敗しました)では、オフラインバンドルを開発サーバーからダウンロードできると言われています。しかし、開発サーバーからバンドルを取得すると、画像ファイルをロードできません。


21
JavaScriptにnull結合(Elvis)演算子または安全なナビゲーション演算子はありますか?
例を挙げて説明します。 エルビスオペレーター(?:) 「Elvis演算子」は、Javaの三項演算子の短縮形です。これが便利な例の1つは、式がfalseまたはnullに解決された場合に「適切なデフォルト」値を返すことです。簡単な例は次のようになります。 def gender = user.male ? "male" : "female" //traditional ternary operator usage def displayName = user.name ?: "Anonymous" //more compact Elvis operator 安全なナビゲーションオペレーター(?。) Safe Navigationオペレーターは、NullPointerExceptionを回避するために使用されます。通常、オブジェクトへの参照がある場合、オブジェクトのメソッドまたはプロパティにアクセスする前に、それがnullでないことを確認する必要がある場合があります。これを回避するために、セーフナビゲーションオペレーターは、次のように、例外をスローする代わりに単にnullを返します。 def user = User.find( "admin" ) //this might be null if 'admin' does not exist def streetName = user?.address?.street //streetName will be …


12
JavaScriptの 'a' ['toUpperCase']()はどのように、そしてなぜ機能するのですか?
JavaScriptは私を驚かせ続け、これは別のインスタンスです。最初は理解できなかったコードに出くわしました。だから私はそれをデバッグしてこの発見に行きました: alert('a'['toUpperCase']()); //alerts 'A' toUpperCase()文字列型のメンバーとして定義されている場合、これは明らかなはずですが、最初は意味がありませんでした。 とにかく、 toUpperCase「a」のメンバーなので、これは機能しますか?それとも裏で何か起こっていることはありますか? コードは次のように私が読んでいた機能があります。 function callMethod(method) { return function (obj) { return obj[method](); //**how can I be sure method will always be a member of obj** } } var caps2 = map(['a', 'b', 'c'], callMethod('toUpperCase')); // ['A','B','C'] // ignoring details of map() function which essentially calls …



10
CSSトランジション効果を一時的に無効にする最もクリーンな方法は何ですか?
次の効果の一部またはすべてが適用されたDOM要素があります。 #elem { -webkit-transition: height 0.4s ease; -moz-transition: height 0.4s ease; -o-transition: height 0.4s ease; transition: height 0.4s ease; } この要素のサイズを変更するjQueryプラグインを作成しています。スムーズにサイズ変更できるように、これらの効果を一時的に無効にする必要があります。 親から適用されるか、まったく適用されない場合、これらの効果を一時的に無効にしてから再度有効にする最もエレガントな方法は何ですか。
209 javascript  jquery  css 

17
日付にXか月を追加するJavaScript関数
私はJavaScriptの日付にXか月を追加する最も簡単でクリーンな方法を探しています。 私はむしろないと思い転がり年以上のを扱うか、しなければならない自分自身の関数を書きます。 これを行うことができる組み込みのものはありますか?
209 javascript  date 

7
レンダリング時に反応するonClick関数が反応する
子コンポーネントに2つの値を渡します。 表示するオブジェクトのリスト 削除機能。 私は.map()関数を使用してオブジェクトのリストを表示しますが(reactチュートリアルページにある例のように)、そのコンポーネントのボタンはonClick関数をレンダリング時に起動します(レンダリング時に起動しないでください)。私のコードは次のようになります: module.exports = React.createClass({ render: function(){ var taskNodes = this.props.todoTasks.map(function(todo){ return ( <div> {todo.task} <button type="submit" onClick={this.props.removeTaskFunction(todo)}>Submit</button> </div> ); }, this); return ( <div className="todo-task-list"> {taskNodes} </div> ); } }); 私の質問はonClick、レンダリングで関数が起動するのはなぜですか?

13
Node.js getファイル拡張子
Express 3を使用してnode.jsでファイルアップロード関数を作成しています。 画像のファイル拡張子を取得したいと思います。ファイルの名前を変更して、ファイル拡張子を追加できます。 app.post('/upload', function(req, res, next) { var is = fs.createReadStream(req.files.upload.path), fileExt = '', // I want to get the extension of the image here os = fs.createWriteStream('public/images/users/' + req.session.adress + '.' + fileExt); }); node.jsで画像の拡張子を取得するにはどうすればよいですか?

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