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

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

5
キャンバスの2点間の距離を取得する
キャンバス描画タブがあり、2つの最後のマウスムーブ座標更新間の距離に基づいてlineWidthを設定します。私は自分で距離を幅に変換します。これらのポイント間の距離を取得する方法を知っている必要があります（これらのポイントの座標はすでにあります）。
100 javascript  canvas 
14
ブラウザにクリックで画像ファイルをダウンロードさせる
Excelシートをクリックしているときと同じように、ブラウザで画像ファイルをダウンロードする必要があります。 クライアント側のプログラミングのみを使用してこれを行う方法はありますか？ <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title></title> <script type="text/javascript" src="Scripts/jquery-1.10.2.js"> $(document).ready(function () { $("*").click(function () { $("p").hide(); }); }); </script> </head> <script type="text/javascript"> document.onclick = function (e) { e = e || window.event; var element = e.target || e.srcElement; if (element.innerHTML == "Image") { //someFunction(element.href); var name = element.nameProp; var address …
100 javascript  jquery  html 
10
JavaScriptでISO 8601でタイムゾーンオフセットを使用して日付をフォーマットする方法は？
目標：検索local timeし、UTC time offsetその後、形式は次のURLを構築します。 URLの例：/ Actions / Sleep？duration = 2002-10-10T12：00：00−05：00 形式はW3C勧告に基づいています：http : //www.w3.org/TR/xmlschema11-2/#dateTime ドキュメントは言う： たとえば、2002-10-10T12：00：00−05：00（2002年10月10日の正午、米国の中央夏時間および東部標準時）は2002-10-10T17：00：00Zと等しくなります。 2002-10-10T12：00：00Zより5時間後。 したがって、私の理解に基づいて、私はnew Date（）によってローカル時間を見つけ、次にgetTimezoneOffset（）関数を使用して差を計算し、それを文字列の末尾に付加する必要があります。 1.形式で現地時間を取得する var local = new Date().format("yyyy-MM-ddThh:mm:ss"); //today (local time) 出力 2013-07-02T09:00:00 2.時間によるUTC時間オフセットの取得 var offset = local.getTimezoneOffset() / 60; 出力 7 3. URLの構築（時間部分のみ） var duration = local + "-" + offset + ":00"; …
2
繰り返し処理中にオブジェクトプロパティを削除しても安全ですか？
オブジェクトのプロパティを反復処理するとき、for-inループ内でそれらを削除しても安全ですか？ 例えば： for (var key in obj) { if (!obj.hasOwnProperty(key)) continue; if (shouldDelete(obj[key])) { delete obj[key]; } } 他の多くの言語では、配列または辞書を繰り返し処理し、その内部を削除することは安全ではありません。JSでは大丈夫ですか？ （私はMozillaのSpidermonkeyランタイムを使用しています。）
5
localStorageの持続性はどの程度ですか？
私が書いているプラ​​グインのlocalStorageに大きく依存しています。すべてのユーザー設定がそこに保存されます。一部の設定では、ユーザーに正規表現の書き込みが必要であり、ある時点で正規表現ルールがなくなった場合は悲しいことになります。だから今私はlocalStorageがどれほど永続的であるのか疑問に思っています。 スペックから： ユーザーエージェントは、セキュリティ上の理由またはユーザーから要求された場合にのみ、ローカルストレージ領域のデータを期限切れにする必要があります。 上記は、クライアント側のCookieのように機能するように見えます。つまり、ユーザーがすべてのブラウザデータ（履歴、Cookie、キャッシュなど）をクリアすると、localStorageも切り捨てられます。この仮定は正しいですか？
20
ランダムな値で配列を作成する
0〜39のランダムな値を持つ40個の要素を持つ配列を作成するにはどうすればよいですか？お気に入り [4, 23, 7, 39, 19, 0, 9, 14, ...] 私はここからソリューションを使用してみました： http://freewebdesigntutorials.com/javaScriptTutorials/jsArrayObject/randomizeArrayElements.htm しかし、私が取得する配列はランダム化がほとんどされていません。それは多くの連続した番号のブロックを生成します...
4
JavaScriptの文字列内の空白を削除する
正規表現の答えとともに、JavaScriptトリムに関するこの質問を読みました。 次に、トリミングによってHelloとWorldの間の内側のスペースが削除されることを期待します。 function myFunction() { alert("Hello World ".trim()); } 編集済み なぜ私はそれを期待した！？ ナンセンス！明らかにトリムは内側のスペースを削除しません！先行と後続のスペースのみを削除します。それがトリムのしくみです。これは非常に間違った質問でした、私の謝罪。
100 javascript  html  trim 
6
getElementsByClassNameを正しく反復する方法
私はJavascriptの初心者です。 私はを介してWebページを初期化しています。window.onloadクラス名（slide）で要素の束を見つけ、いくつかのロジックに基づいてそれらを異なるノードに再配布する必要があります。Distribute(element)要素を入力として受け取り、配布を行う関数があります。私はこのようなことをしたいです（例えばここまたはここで概説されているように）： var slides = getElementsByClassName("slide"); for(var i = 0; i < slides.length; i++) { Distribute(slides[i]); } ただし、getElementsByClassName実際には配列を返さないため、これは私にとって魔法ではありませんが、、NodeListつまり ...これは私の推測です... ...関数内で変更されていますDistribute（DOMツリーがこの関数内で変更されており、特定のノードの複製が行われます）。For-eachループ構造も役に立ちません。 可変スライドは実際には決定論的ではなく、反復ごとに長さと要素の順序が大きく変化します。 私の場合、NodeListを反復処理する正しい方法は何ですか？一時的な配列を埋めることを考えていましたが、その方法がわかりません... 編集： 私が言及するのを忘れていた重要な事実は、別のスライドの中に1つのスライドがあるかもしれないということです。これはslides、ユーザーAlohciのおかげで見つけたばかりの変数を変更するものです。 私の解決策は、最初に各要素を配列に複製し、Distribute()その後配列をono-by-oneに渡すことでした。
100 javascript  html  dom 
6
ReactアプリのsetInterval
私はまだReactでかなり新しいですが、ゆっくりと作業を続けており、行き詰まっていることに遭遇しました。 私はReactで「タイマー」コンポーネントを構築しようとしていますが、正直に言うと、これが正しく（または効率的に）行われているかどうかわかりません。以下の私のコードでは、私は、オブジェクトを返すように状態を設定{ currentCount: 10 }し、いじるされているcomponentDidMount、componentWillUnmountと、render私は唯一の10から9に「カウントダウン」に状態を得ることができます。 2つの部分からなる質問：何が問題になっていますか？そして、（componentDidMount＆を使用するよりも）setTimeoutを使用するより効率的な方法がありますcomponentWillUnmount）ますか？ 前もって感謝します。 import React from 'react'; var Clock = React.createClass({ getInitialState: function() { return { currentCount: 10 }; }, componentDidMount: function() { this.countdown = setInterval(this.timer, 1000); }, componentWillUnmount: function() { clearInterval(this.countdown); }, timer: function() { this.setState({ currentCount: 10 }); }, render: function() { var displayCount …
2
this.setStateをReactコンポーネントで複数回使用するとどうなりますか？
this.setStateを複数回（説明のために2回）使用するとどうなるかを確認したいと思います。コンポーネントは2回レンダリングされると思いましたが、どうやら1回しかレンダリングされないようです。私が持っていたもう1つの期待は、おそらくsetStateの2番目の呼び出しが最初の呼び出しを実行することでしたが、あなたはそれを推測しました-うまくいきました。 JSfiddleへのリンク var Hello = React.createClass({ render: function() { return ( <div> <div>Hello {this.props.name}</div> <CheckBox /> </div> ); } }); var CheckBox = React.createClass({ getInitialState: function() { return { alex: 0 }; }, handleChange: function(event) { this.setState({ value: event.target.value }); this.setState({ alex: 5 }); }, render: function() { alert('render'); return …
10
変数の値を別の値にコピーする
値としてJSONオブジェクトを持つ変数があります。この変数を他の変数に直接割り当てて、同じ値を共有するようにします。これがどのように機能するかです： var a = $('#some_hidden_var').val(), b = a; これは機能し、どちらも同じ値です。mousemoveイベントハンドラーを使用bして、アプリ全体を更新します。ボタンをクリックbすると、元の値、つまりに保存されている値に戻したいのですがa。 $('#revert').on('click', function(e){ b = a; }); 私は、同じ使用する場合は、この後にmousemoveイベントハンドラを、それは両方を更新aし、b以前のそれが唯一の更新されたときに、b予想通り。 私はこの問題に困惑しています！ここで何が問題になっていますか？
100 javascript  jquery 
5
jQueryで入力ファイルが空かどうかを確認する方法
JSの新品。 jQuery / JavaScriptでフォームを送信するときに、ファイルinput要素が空かどうかを確認しようとしています。たくさんの解決策を試してみましたが、何もうまくいきません。/c/fakepath（他に選択肢がない限り）私は避けようとしています <input type="file" name="videoFile" id="videoUploadFile" /> これは動作しません： var vidFile = $("#videoUploadFile").value; ファイル名を取得できる唯一の方法は、以下を使用する場合です。 var vidFile = document.getElementById("videoUploadFile").files[0].name; 利用可能なファイルがない場合、コードはエラーをスローします。 未定義のプロパティ名を読み取れません 配列が設定されていないため、これは理にかなっています。しかし、これでエラー処理を行う方法を理解できません。 ファイルの入力要素を適切に取得し、videoUploadFileそれが空かどうかを確認し、空の場合はエラーメッセージをスローする方法を教えてください。
100 javascript  jquery  html 
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.