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

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


4
Reactは状態更新の順序を保持しますか?
Reactはパフォーマンスの最適化のために、状態の更新を非同期でバッチで実行する可能性があることを知っています。したがって、を呼び出しsetStateた後に更新される状態を信頼することはできません。しかし、あなたはに反応信頼できるのと同じ順序で状態を更新setStateと呼ばれているため 同じコンポーネント? 異なるコンポーネント? 次の例のボタンをクリックすることを検討してください。 1. aがfalse、bがtrueである可能性はありますか? class Container extends React.Component { constructor(props) { super(props); this.state = { a: false, b: false }; } render() { return <Button onClick={this.handleClick}/> } handleClick = () => { this.setState({ a: true }); this.setState({ b: true }); } } 2. aがfalseでbがtrueである可能性はありますか? class SuperContainer extends React.Component …

7
SyntaxError:JSONの位置1に予期しないトークンo
コントローラーの型クラスを使用していくつかのデータを解析し、次のようにデータを取得しています。 { "data":{ "userList":[ { "id":1, "name":"soni" } ] }, "status":200, "config":{ "method":"POST", "transformRequest":[ null ], "transformResponse":[ null ], "url":"/home/main/module/userlist", "headers":{ "rt":"ajax", "Tenant":"Id:null", "Access-Handler":"Authorization:null", "Accept":"application/json, text/plain, */*" } }, "statusText":"OK" } このようなデータを保存してみました var userData = _data; var newData = JSON.parse(userData).data.userList; ユーザーリストを新しい変数に抽出するにはどうすればよいですか?


4
Require.jsとDOMで<script>要素を作成するだけの違いは何ですか?[閉まっている]
休業。この質問は意見に基づいています。現在、回答を受け付けていません。 この質問を改善してみませんか?この投稿を編集して、事実と引用で回答できるように質問を更新してください。 3年前休業。 この質問を改善する &lt;script&gt;DOMで要素を作成するだけでRequire.JSとamdを使用する場合の違いは何ですか? Require.JSについての私の理解は、依存関係をロードする機能を提供するということですが、これは&lt;script&gt;、必要な外部JSファイルをロードする要素を作成することによって簡単に行うことはできませんか? たとえば、私が関数を持っているとしましょう。doStuff()これには関数が必要needMe()です。doStuff()は外部ファイルdo_stuff.jsにneedMe()あり、は外部ファイルにありますneed_me.js。 これをRequire.JSの方法で行います。 define(['need_me'],function(){ function doStuff(){ //do some stuff needMe(); //do some more stuff } }); これを行うには、単にスクリプト要素を作成します。 function doStuff(){ var scriptElement = document.createElement('script'); scriptElement.src = 'need_me.js'; scriptElement.type = 'text/javascript'; document.getElementsByTagName('head')[0].appendChild(scriptElement); //do some stuff needMe(); //do some more stuff } これらは両方とも機能します。ただし、2番目のバージョンでは、すべてのRequire.jsライブラリをロードする必要はありません。機能的な違いは特にありません...

11
JavaScriptで長い正規表現を複数の行に分割する方法は?
JSLintルールに従って、各行の長さを80文字に保つために、JavaScriptコードで複数行に分割したい非常に長い正規表現があります。読書にはちょうど良いと思います。ここにパターンのサンプルがあります: var pattern = /^(([^&lt;&gt;()[\]\\.,;:\s@\"]+(\.[^&lt;&gt;()[\]\\.,;:\s@\"]+)*)|(\".+\"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;

30
JavaScriptの順列?
私は次のことをする関数を書こうとしています: 引数として整数の配列を取ります(例[1,2,3,4]) [1,2,3,4]の可能なすべての順列の配列を作成します。各順列の長さは4です。 以下の関数(オンラインで見つけた)は、文字列を引数として取り、その文字列のすべての順列を返すことでこれを行います 整数の配列で機能するように変更する方法を理解できませんでした(これは、一部のメソッドが文字列で整数とは異なる動作をする方法と関係があると思いますが、よくわかりません。 ..) var permArr = [], usedChars = []; function permute(input) { var i, ch, chars = input.split(""); for (i = 0; i &lt; chars.length; i++) { ch = chars.splice(i, 1); usedChars.push(ch); if (chars.length == 0) permArr[permArr.length] = usedChars.join(""); permute(chars.join("")); chars.splice(i, 0, ch); usedChars.pop(); } return …


6
文字列変数を使用してその場でRegExpsを作成する
以下を再利用可能にしたいとします。 function replace_foo(target, replacement) { return target.replace("string_to_replace",replacement); } 私はこのようなことをするかもしれません: function replace_foo(target, string_to_replace, replacement) { return target.replace(string_to_replace,replacement); } 文字列リテラルを使用すると、これは簡単です。しかし、正規表現でもう少しトリッキーにしたい場合はどうなりますか?例えば、私はすべてを交換したいと言うけど string_to_replace。本能的に私は次のようなことをすることで上記を拡張しようとします: function replace_foo(target, string_to_replace, replacement) { return target.replace(/^string_to_replace/,replacement); } これは機能していないようです。私の推測でstring_to_replaceは、文字列を表す変数ではなく、文字列リテラルであると考えています。文字列変数を使用してその場でJavaScript正規表現を作成することは可能ですか?このような何かは、可能であれば素晴らしいでしょう: function replace_foo(target, string_to_replace, replacement) { var regex = "/^" + string_to_replace + "/"; return target.replace(regex,replacement); }
138 javascript  regex 

5
「npm build」は、package.jsonの「build」という名前のスクリプトを実行しません
新しいモジュールの場合、npm buildgulp / Grunt /その他の専用ビルドツールなしで使用しようとしています。 "scripts": { "build": "node build.js" }, 私のbuild.jsは単純です console.log('Hello') ただし、実行中 npm build 何も印刷せずに終了し、ステータスは0です。 ランニング: npm install また、すべての通常のことを行いますが、build.jsも実行しません。 npmでビルドスクリプトを実行するにはどうすればよいですか? 編集:単純なbashコマンドでも機能しないようです。 "scripts": { "build": "touch TESTFILE" }, その名前のファイルは作成しません。
138 javascript  node.js  build  npm 

11
定義されたフォントのどれがWebページで使用されたかを検出する方法は?
ページに次のCSSルールがあるとします。 body { font-family: Calibri, Trebuchet MS, Helvetica, sans-serif; } ユーザーのブラウザで使用された定義済みフォントの1つを検出するにはどうすればよいですか? なぜこれをしたいのかと思っている人のために編集します:検出しているフォントには他のフォントでは使用できないグリフが含まれており、ユーザーがそのフォントを持っていない場合は、ユーザーにそのフォントをダウンロードするように求めるリンクを表示します私のWebアプリケーションを正しいフォントで使用できます。 現在、すべてのユーザーにダウンロードフォントリンクを表示しています。正しいフォントがインストールされていないユーザーにのみ表示したいと考えています。
138 javascript  html  css  fonts 


16
html5ビデオタグのソースの変更
私はどこでも動作するビデオプレーヤーを構築しようとしています。これまでのところ私は行くでしょう: &lt;video&gt; &lt;source src="video.mp4"&gt;&lt;/source&gt; &lt;source src="video.ogv"&gt;&lt;/source&gt; &lt;object data="flowplayer.swf" type="application/x-shockwave-flash"&gt; &lt;param name="movie" value="flowplayer.swf" /&gt; &lt;param name="flashvars" value='config={"clip":"video.mp4"}' /&gt; &lt;/object&gt; &lt;/video&gt; (いくつかのサイトで見られるように、たとえばみんなのビデオ)、これまでのところ、とても良いです。 しかし今、私はまた、他のビデオを選択することができるビデオプレーヤーと一緒にある種のプレイリスト/メニューが欲しいです。これらはすぐにプレイヤー内で開く必要があります。私はする必要がありますように見られるように(「動的映像のソースを変更」dev.opera.com/articles/everything-you-need-to-know-html5-video-audio/セクション「他の映画で見てみましょう- ")javascriptを使用。とりあえずflashplayer(つまりIE)の部分については忘れましょう。後でそれについて説明します。 &lt;source&gt;タグを変更する私のJS は次のようなものでなければなりません: &lt;script&gt; function loadAnotherVideo() { var video = document.getElementsByTagName('video')[0]; var sources = video.getElementsByTagName('source'); sources[0].src = 'video2.mp4'; sources[1].src = 'video2.ogv'; video.load(); } &lt;/script&gt; 問題は、これがすべてのブラウザで機能しないことです。つまり、firefox = Oには、私が抱えている問題を確認できる素敵なページがあります。http://www.w3.org/2010/05/video/mediaevents.html load()メソッドをトリガーすると(Firefoxの場合は注意してください)、ビデオプレーヤーが終了します。 複数の&lt;source&gt;タグを使用せず、&lt;video&gt;タグ内のsrc属性を1つだけ使用すると、Firefoxですべてが機能することがわかりました。 …
138 javascript  html  video  load 

5
setIntervalとclearIntervalの使い方は?
function doKeyDown(event) { switch (event.keyCode) { case 32: /* Space bar was pressed */ if (x == 4) { setInterval(drawAll, 20); } else { setInterval(drawAll, 20); x += dx; } break; } } こんにちは、みんな、 何drawAll()度も呼び出すループを作成せずに一度呼び出したいのですがdrawAll、そのために再帰メソッドを使用する必要がありますclearIntervalか、それとも使用する必要がありますか? また、使用を教えてくださいclearInterval?ありがとう:)
138 javascript  jquery 

12
Angular 2のDatePipeでロケールを設定するにはどうすればよいですか?
ヨーロッパ形式を使用して日付を表示したいのですdd/MM/yyyyが、DatePipe shortDate形式を使用すると、米国の日付スタイルのみを使用して表示されますMM/dd/yyyy。 デフォルトのロケールはen_USであると想定しています。ドキュメントにないかもしれませんが、Angular2アプリのデフォルトのロケール設定を変更するにはどうすればよいですか?または、カスタム形式をDatePipeに渡す方法はありますか?

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