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

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

10
querySelectorは直接の子を検索します
私はjqueryのような関数を持っています: function(elem) { return $('> someselector', elem); }; 問題は、どうすれば同じことができるのquerySelector()ですか? 問題は、>セレクターでquerySelector()親を明示的に指定する必要があることです。回避策はありますか?

6
requireステートメントなしでwebpackを使用してディレクトリ内のすべてのファイルをロードする方法
アプリの4つのサブディレクトリに分割された大量のJavaScriptファイルがあります。うなり声で私はそれらすべてを取得し、1つのファイルにコンパイルします。これらのファイルにはmodule.exports関数がありません。 Webpackを使用して4つの部分に分割したいと思います。手動で行ってすべてのファイルを要求したくありません。 コンパイル時にディレクトリツリーをウォークし、すべての.jsファイル名とパスを取得し、サブディレクトリ内のすべてのファイルを要求して、それを出力に追加するプラグインを作成したいと思います。 各ディレクトリのすべてのファイルをモジュールにコンパイルして、エントリポイントファイルから必要とするか、http: //webpack.github.io/docs/plugins.htmlで言及されているアセットに含めることができます。 新しいファイルを追加するときは、正しいディレクトリにドロップして、それが含まれることを確認したいだけです。 これを行うために誰かが作成したwebpackまたはプラグインでこれを行う方法はありますか?

12
asp.net mvcのJsonResultを介して返されたExpandoObjectをフラット化する方法は?
ExpandoObject実行時にサーバー側の動的オブジェクトをコンパイルしている間は本当に気に入っていますが、JSONのシリアル化中にこれをフラット化するのに問題があります。まず、オブジェクトをインスタンス化します。 dynamic expando = new ExpandoObject(); var d = expando as IDictionary<string, object>; expando.Add("SomeProp", SomeValueOrClass); ここまでは順調ですね。私のMVCコントローラーでは、これをJsonResultとして送信したいので、次のようにします。 return new JsonResult(expando); これにより、JSONが以下のようにシリアル化され、ブラウザーで使用されます。 [{"Key":"SomeProp", "Value": SomeValueOrClass}] しかし、私が本当に望んでいるのはこれを見ることです: {SomeProp: SomeValueOrClass} dynamic代わりに使用すると、これを達成できることを知っていますExpandoObject- プロパティと値を単一のオブジェクトJsonResultにシリアル化できdynamicます(KeyまたはValueビジネスはありません)が、使用する必要がある理由ExpandoObjectは、実行時までオブジェクトに必要なプロパティ、および私の知る限り、dynamicを使用しないとプロパティをに動的に追加できませんExpandoObject。 私はJavaScriptで「キー」、「バリュー」ビジネスをふるいにかける必要があるかもしれませんが、クライアントに送信する前にこれを理解することを望んでいました。ご協力いただきありがとうございます!



16
オブジェクトのJavaScript配列を比較して最小/最大を取得する
オブジェクトの配列があり、それらのオブジェクトを特定のオブジェクトプロパティで比較したい。これが私の配列です: var myArray = [ {"ID": 1, "Cost": 200}, {"ID": 2, "Cost": 1000}, {"ID": 3, "Cost": 50}, {"ID": 4, "Cost": 500} ] 具体的には「コスト」に焦点を当てて、最小値と最大値を取得します。コストの値を取得してJavaScript配列にプッシュしてから、Fast JavaScript Max / Minを実行できることを理解しています。 しかし、途中で配列のステップをバイパスし、オブジェクトのプロパティ(この場合は「コスト」)を直接オフにすることで、これを行う簡単な方法はありますか?

7
文字列に空白があるかどうかを確認する
文字列に空白があるかどうかを確認しようとしています。私はこの機能を見つけましたが、機能していないようです: function hasWhiteSpace(s) { var reWhiteSpace = new RegExp("/^\s+$/"); // Check for white space if (reWhiteSpace.test(s)) { //alert("Please Check Your Fields For Spaces"); return false; } return true; } ちなみに、に引用符を追加しましたRegExp。 何か問題がありますか?私が使えるものは他にありますか?うまくいけばjQuery。

8
更新時にブラウザが自動的にスクロールしないようにする
ページaに移動してスクロールすると、ページを更新したときに、その場所から更新されます。これはすばらしいことですが、URLにアンカーの場所があるページでも発生します。例としては、リンクをクリックして、http://example.com/post/244#comment5周りを見回した後にページを更新した場合、アンカーに移動せず、ページがジャンプします。JavaScriptでこれを防ぐ方法はありますか?そのため、常にアンカーに移動する必要はありません。

9
angular2でタイマーを作成する方法
Angular 2のタイマーが必要です。タイマーが時間間隔の後に作動し、いくつかのタスクを実行します(いくつかの関数を呼び出す場合があります)。 Angular 2でこれを行う方法は?

10
JavaScriptセットimg src
おそらく私は単純なものを見逃しているかもしれませんが、あなたが読んだものがすべてうまくいかない場合、それはかなり迷惑です。動的に生成されたページの過程で何度も複製される可能性のある画像があります。したがって、当然のことは、プリロードして、その1つの変数を常にソースとして使用することです。 var searchPic; function LoadImages() { searchPic = new Image(100,100); searchPic.src = "XXXX/YYYY/search.png"; // This is correct and the path is correct } それから私は使用して画像を設定しました document["pic1"].src = searchPic; または $("#pic1").attr("src", searchPic); 私は私が得る画像を照会するときただし、画像はFirebugのに適切に設定されることはありません[object HTMLImageElement]ようsrc、画像の IEで私は得る: http://localhost:8080/work/Sandbox/jpmetrix/[object]
95 javascript  image  src 

5
JavaScriptのpromiseとasync awaitの違いは何ですか?
ECMAScript 6とECMAScript 7の機能を、モバイルとWebの両方のアプリケーションで(Babelのおかげで)すでに使用しています。 最初のステップは明らかにECMAScript 6レベルへの移行でした。私は多くの非同期パターン、約束(本当に有望です)、ジェネレーター(なぜ*記号なのかわからない)などを学びました。これらのうち、約束は私の目的にかなりよく適合しました。そして、私は自分のアプリケーションでそれらをかなり使用しています。 これは、私が基本的なpromiseを実装した方法の例/疑似コードです。 var myPromise = new Promise( function (resolve,reject) { var x = MyDataStore(myObj); resolve(x); }); myPromise.then( function (x) { init(x); }); 時間が経つにつれ、ECMAScript 7の機能に出会いました。その1つはASYNC、AWAITキーワードと関数です。これらを組み合わせると、すばらしい不思議が起こります。私は私の約束のいくつかをに置き換え始めましたasync & await。彼らはプログラミングスタイルに大きな価値を加えているようです。 繰り返しますが、これは私の非同期のawait関数がどのように見えるかの疑似コードです- async function myAsyncFunction (myObj) { var x = new MyDataStore(myObj); return await x.init(); } var returnVal = await myAsyncFunction(obj); …

11
JavaScriptを使用して<div>を展開および縮小するにはどうすればよいですか?
サイトにリストを作成しました。このリストは、私のデータベースからの情報で構築されるforeachループによって作成されます。各アイテムは異なるセクションを持つコンテナなので、これは1、2、3 ...などのリストではありません。繰り返しセクションを情報とともにリストしています。各セクションには、サブセクションがあります。一般的なビルドは次のとおりです。 &lt;div&gt; &lt;fieldset class="majorpoints" onclick="majorpointsexpand($(this).find('legend').innerHTML)"&gt; &lt;legend class="majorpointslegend"&gt;Expand&lt;/legend&gt; &lt;div style="display:none" &gt; &lt;ul&gt; &lt;li&gt;&lt;/li&gt; &lt;li&gt;&lt;/li&gt; &lt;/ul&gt; &lt;/div&gt; &lt;/div&gt; だから、私はonclick = "majorpointsexpand($(this).find( 'legend')。innerHTML)"で関数を呼び出そうとしています 私が操作しようとしているdivはデフォルトでstyle = "display:none"であり、JavaScriptを使用してクリックすると表示されるようにしたいと考えています。 "$(this).find( 'legend')。innerHTML"は、関数の引数としてこの場合は "Expand"を渡そうとしています。 これがjavascriptです: function majorpointsexpand(expand) { if (expand == "Expand") { document.write.$(this).find('div').style = "display:inherit"; document.write.$(this).find('legend').innerHTML = "Collapse"; } else { document.write.$(this).find('div').style = "display:none"; document.write.$(this).find('legend').innerHTML = …

13
空の入力フィールドのJavaScript検証
&lt;input name="question"/&gt;送信ボタンをクリックして送信するときにIsEmpty関数を呼び出すこの入力フィールドがあり ます。 以下のコードを試してみましたが、うまくいきませんでした。何かアドバイス? &lt;html&gt; &lt;head&gt; &lt;title&gt;&lt;/title&gt; &lt;meta http-equiv="Content-Type" content="text/html; charset=unicode" /&gt; &lt;meta content="CoffeeCup HTML Editor (www.coffeecup.com)" name="generator" /&gt; &lt;/head&gt; &lt;body&gt; &lt;script language="Javascript"&gt; function IsEmpty() { if (document.form.question.value == "") { alert("empty"); } return; } &lt;/script&gt; Question: &lt;input name="question" /&gt; &lt;br/&gt; &lt;input id="insert" onclick="IsEmpty();" type="submit" value="Add Question" /&gt; &lt;/body&gt; &lt;/html&gt; …
95 javascript 

12
ajaxリクエストを使用してファイルをダウンロードする
ボタンをクリックしたときに「ajaxダウンロードリクエスト」を送信したいので、次の方法で試しました。 javascript: var xhr = new XMLHttpRequest(); xhr.open("GET", "download.php"); xhr.send(); download.php: &lt;? header("Cache-Control: public"); header("Content-Description: File Transfer"); header("Content-Disposition: attachment; filename= file.txt"); header("Content-Transfer-Encoding: binary"); readfile("file.txt"); ?&gt; 期待どおりに動作しない場合、どうすればよいですか?前もって感謝します

8
マングース:ユーザーの完全なリストを取得する
次のように、Mongooseを使用してすべてのユーザーのリストを送信しようとしました: server.get('/usersList', function(req, res) { var users = {}; User.find({}, function (err, user) { users[user._id] = user; }); res.send(users); }); もちろん、res.send(users);は送信しますが{}、これは私が望んでいることではありません。findわずかに異なるセマンティクスを持つ代替はありますか? server.get('/usersList', function(req, res) { User.find({}, function (err, users) { res.send(users); }); }); 基本的に、すべてのユーザーがデータベースからフェッチされたときにのみコールバックが実行されるようにします。

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