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

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

6
NPMスクリプトを順次実行する
私が持っているとしましょう "scripts": { "pre-build": "echo \"Welcome\" && exit 1", "build_logic": "start cmd.exe @cmd /k \"yo esri-appbuilder-js:widget && exit 1\"", "post_build": "start C:\\WebAppBuilderForArcGIS\\startupShortcut", "exit" : "start cmd.exe @cmd /k \"echo \"goodbye\" && exit 1\"" }, これらのスクリプトをすべて順番に起動させるために実行できるNPMコマンドはどれですか。私は事前/事後修正を使用すると、順次起動しますが、実行する前に親スクリプトが完了するのを待ちません。唯一の解決策が次のようなものであると想定しています:async.seriesヘルパー関数でシェルコマンドを実行するときにGulpタスクを順次実行するにはどうすればよいですか??これはGulpで実行できることはわかっていますが、今のところNPMを使用してその機能を探っていきたいです。助けてくれてありがとう!
150 javascript  node.js  npm  cmd 

12
外部JSスクリプトをVueJSコンポーネントに追加する方法
支払いゲートウェイには2つの外部スクリプトを使用する必要があります。現在、両方がindex.htmlファイルに入れられています。ただし、これらのファイルを最初にロードしたくありません。支払いゲートウェイは、ユーザーが特定のコンポーネントを開いたときにのみ必要です(using router-view)。 とにかくこれを達成する方法はありますか?

5
POSTフォームを送信した後、結果を示す新しいウィンドウを開きます
フォーム送信のようなJavaScriptポストリクエストは、 JavaScriptのPOSTを介して作成したフォームを送信する方法を示しています。以下は私の変更したコードです。 var form = document.createElement("form"); form.setAttribute("method", "post"); form.setAttribute("action", "test.jsp"); var hiddenField = document.createElement("input"); hiddenField.setAttribute("name", "id"); hiddenField.setAttribute("value", "bob"); form.appendChild(hiddenField); document.body.appendChild(form); // Not entirely sure if this is necessary form.submit(); 結果を新しいウィンドウで開きます。私は現在、次のようなものを使用して新しいウィンドウでページを開いています。 onclick = window.open(test.html, '', 'scrollbars=no,menubar=no,height=600,width=800,resizable=yes,toolbar=no,status=no');
149 javascript  html  post 

24
ブラウザにマウスがなく、タッチのみであることを検出する
タッチ(クリックすると画面が非表示になります)とマウス(ホバープレビューに大きく依存)のインターフェイスが非常に異なるWebアプリケーション(興味深いテキストのページがあるWebサイトではありません)を開発しています。ユーザーにマウスがなく、適切なインターフェースを提示できないことをどのように検出できますか?マウスとタッチの両方(一部のノートブックのように)を使用する人のためにスイッチを残すつもりです。 ブラウザーのタッチイベント機能は、実際にはユーザーがタッチデバイスを使用していることを意味しません(たとえば、Modernizrはそれを切り取りません)。質問に正しく答えるコードは、デバイスにマウスがある場合はfalseを返し、そうでない場合はtrueを返します。マウスとタッチを備えたデバイスの場合、falseを返します(タッチのみではありません)。 余談ですが、私のタッチインターフェイスはキーボードのみのデバイスにも適している可能性があります。そのため、検出したいマウスが不足していることになります。 必要性をより明確にするために、私が実装しようとしているAPIは次のとおりです。 // Level 1 // The current answers provide a way to do that. hasTouch(); // Returns true if a mouse is expected. // Note: as explained by the OP, this is not !hasTouch() // I don't think we have this in the answers already, that why …
149 javascript  html  touch  mouse 


5
YouTube iframe API:既にHTMLにあるiframeプレーヤーを制御するにはどうすればよいですか?
iframeベースのYouTubeプレーヤーを制御できるようにしたい。このプレーヤーはすでにHTMLに含まれますが、JavaScript APIを介して制御したいと思います。 私はiframe APIのドキュメントを読んでいます。APIを使用してページに新しい動画を追加し、YouTubeプレーヤーの機能を使用してそれを制御する方法を説明しています。 var player; function onYouTubePlayerAPIReady() { player = new YT.Player('container', { height: '390', width: '640', videoId: 'u1zgFlCw8Aw', events: { 'onReady': onPlayerReady, 'onStateChange': onPlayerStateChange } }); } そのコードは、新しいプレーヤーオブジェクトを作成して「player」に割り当て、それを#container div内に挿入します。それから私は、 "プレイヤーとのコールを操作することができplayVideo()、pauseVideo()それには、など。 しかし、すでにページ上にあるiframeプレーヤーで操作できるようにしたいのですが。 私はこれを古い埋め込みメソッドで非常に簡単に行うことができました: player = getElementById('whateverID'); player.playVideo(); ただし、これは新しいiframeでは機能しません。すでにページ上にあるiframeオブジェクトを割り当て、そのAPI関数を使用するにはどうすればよいですか?


14
HTML5 Canvas Resize(Downscale)Image High Quality?
私はhtml5キャンバス要素を使用して、ブラウザーで画像のサイズを変更します。品質が非常に低いことが判明しました。私はこれを見つけました:<canvas>のスケーリング時に補間を無効にしますが、品質の向上には役立ちません。 以下は、CSSとJSのコードと、Photoshopで呼び出され、キャンバスAPIで拡大縮小された画像です。 ブラウザで画像を拡大縮小するときに最適な品質を得るにはどうすればよいですか? 注:大きな画像を小さな画像に縮小し、キャンバスの色を変更して、結果をキャンバスからサーバーに送信します。 CSS: canvas, img { image-rendering: optimizeQuality; image-rendering: -moz-crisp-edges; image-rendering: -webkit-optimize-contrast; image-rendering: optimize-contrast; -ms-interpolation-mode: nearest-neighbor; } JS: var $img = $('<img>'); var $originalCanvas = $('<canvas>'); $img.load(function() { var originalContext = $originalCanvas[0].getContext('2d'); originalContext.imageSmoothingEnabled = false; originalContext.webkitImageSmoothingEnabled = false; originalContext.mozImageSmoothingEnabled = false; originalContext.drawImage(this, 0, 0, 379, 500); }); photoshopでサイズ変更された画像: …

1
最近のブラウザでは、JSONハイジャックはまだ問題ですか?
Backbone.jsとTornado Webサーバーを使用しています。バックボーンでコレクションデータを受信するための標準的な動作は、JSON配列として送信することです。 一方、トルネードの標準的な動作は、次の脆弱性のためにJSON配列を許可しないことです。 http://haacked.com/archive/2008/11/20/anatomy-of-a-subtle-json-vulnerability.aspx 関連するものは:http : //haacked.com/archive/2009/06/25/json-hijacking.aspx 実際にオブジェクトのリストである場合、JSONをオブジェクトにラップする必要がないのは自然なことです。 これらの攻撃を最新のブラウザー(つまり、現在のChrome、Firefox、Safari、IE9)で再現することはできませんでした。同時に、最新のブラウザがこれらの問題に対処したことをどこにも確認できませんでした。 プログラミングスキルの低下やグーグルスキルの低下の可能性によって誤解を招かないようにするには、次のようにします。 これらのJSONハイジャック攻撃は、今日のブラウザーでも依然として問題ですか? (注:可能性のある重複して申し訳ありません:最近のブラウザで「JSONハイジャック」を実行することは可能ですか? しかし、受け入れられた回答が質問に回答していないようです-もう一度質問して、いくつかの明確な説明を取得するときがきたと思いました。)

9
jQuery / JavaScript(クエリ文字列)でクエリ文字列パラメーターのURL値を取得する
クエリ文字列パラメーターを処理するためのjQuery拡張機能を作成する良い方法を知っている人はいますか?基本的に、jQueryマジック($)関数を拡張して、次のようなことができるようにします。 $('?search').val(); これにより、次のURLで「test」という値が得られますhttp://www.example.com/index.php?search=test。 jQueryとJavascriptでこれを実行できる多くの関数を見てきましたが、実際には、jQueryを拡張して、上に示したとおりに機能するようにしたいと考えています。私はjQueryプラグインを探しているのではなく、jQueryメソッドの拡張機能を探しています。

6
2つの日付の時差を秒単位で取得します
2つの日付の差を秒単位で取得しようとしています。ロジックは次のようになります。 現在の最初の日付を設定します。 最初の日付に将来の秒数を加えた最終日を設定します(たとえば15としましょう) これら2つの違いを取得します(秒数) 私が日付でそれを行う理由は、最終的な日付/時刻が他のいくつかの変数に依存し、同じではないためです(ユーザーが何かを行う速度に依存します)。また、他の事柄の最初の日付も保存します。 私はこのようなものを試してきました: var _initial = new Date(), _initial = _initial.setDate(_initial.getDate()), _final = new Date(_initial); _final = _final.setDate(_final.getDate() + 15 / 1000 * 60); var dif = Math.round((_final - _initial) / (1000 * 60)); 事は私が正しい違いを決して得ないということです。24 * 60秒で残せる除算を試みましたが、正しくわかりませんでした。では、私のロジックの何が問題になっていますか?それはかなり遅いので、私はいくつかの愚かな間違いをしているかもしれませんが、それを機能させることができないのは私を困らせます:)
149 javascript  date 

7
ブラウザタブにフォーカスがあるかどうかを検出する
タブにフォーカスがあることを検出する信頼できるクロスブラウザーの方法はありますか? このシナリオでは、株価を定期的にポーリングするアプリケーションがあり、ページにフォーカスがない場合、ポーリングを停止して、特に人々がさまざまなポートフォリオで複数のタブを開くことのファンである場合に、トラフィックノイズを節約できます。 であるwindow.onblurとwindow.onfocus、このためのオプション?

17
ブラウザウィンドウのクローズイベントをキャプチャする方法は?
ブラウザウィンドウ/タブのクローズイベントをキャプチャしたい。私はjQueryで次のことを試しました: jQuery(window).bind( "beforeunload", function() { return confirm("Do you really want to close?") } ) しかし、それはフォーム送信でも機能します。これは私が望んでいることではありません。ユーザーがウィンドウを閉じたときにのみトリガーされるイベントが必要です。

11
ES6 / 2015でのヌルセーフプロパティアクセス(および条件付き割り当て)
そこにあるnullES6(ES2015 / JavaScript.next /ハーモニー)等に-safeプロパティアクセス(nullの伝播/存在)オペレータ?.でのCoffeeScript例えばは?それともES7で計画されていますか? var aThing = getSomething() ... aThing = possiblyNull?.thing これはおおよそ次のようになります。 if (possiblyNull != null) aThing = possiblyNull.thing 理想的には解決策は、(たとえ割り当てるべきではありませんundefined)にaThingあればpossiblyNull、ISnull

9
シード可能なJavaScript乱数ジェネレータ
JavaScript Math.random()関数は、0〜1のランダムな値を返します。現在の時刻に基づいて自動的にシードされます(私が信じているJavaに似ています)。ただし、自分で種を設定する方法はないと思います。 独自のシード値を提供できる乱数ジェネレータを作成して、(疑似)乱数の反復可能なシーケンスを生成できるようにするにはどうすればよいですか?
149 javascript  random  seed 

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