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

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

3
JavaScriptの文字列で$ {}(ドル記号と中括弧)はどういう意味ですか?
ここやMDNでは何も見ていません。私はちょうど何かが欠けていると確信しています。これに関するドキュメントがどこかにあるはずですか? 機能的には、+演算子を使用して連結を行わなくても、文字列内で変数をネストできるように見えます。この機能に関するドキュメントを探しています。 例: var string = 'this is a string'; console.log(`Insert a string here: ${string}`); コードスニペットを実行する結果を非表示スニペットを展開

9
ReactJSでビューポート/ウィンドウの高さを取得する
ReactJSでビューポートの高さを取得するにはどうすればよいですか?私が使用する通常のJavaScriptでは window.innerHeight() しかし、ReactJSを使用すると、この情報を取得する方法がわかりません。私の理解は ReactDOM.findDomNode() 作成されたコンポーネントに対してのみ機能します。ただし、これはdocumentor body要素には当てはまりません。これにより、ウィンドウの高さがわかります。

2
1つのリクエストにHTTPヘッダーを設定する
アプリに基本認証を必要とする特定のリクエストが1つあるため、そのリクエストにAuthorizationヘッダーを設定する必要があります。HTTPリクエストヘッダーの設定について読みましたが、私が知ることができることから、そのメソッドのすべてのリクエストに対してヘッダーが設定されます。私のコードには次のようなものがあります: $http.defaults.headers.post.Authorization = "Basic QWxhZGRpbjpvcGVuIHNlc2FtZQ=="; しかし、私はすべての投稿リクエストがこのヘッダーを送信することを望んでいません。必要な1つの要求だけのためにヘッダーを送信する方法はありますか?または、リクエスト後に削除する必要がありますか?

5
直接と委任-jQuery .on()
私は、jQuery .on()メソッドを使用して、直接イベントハンドラと委任イベントハンドラのこの特定の違いを理解しようとしています。具体的には、この段落の最後の文: ときにselector提供され、イベントハンドラが呼ばれる委任します。ハンドラーは、イベントがバインドされた要素で直接発生した場合には呼び出されず、セレクターに一致する子孫(内部要素)に対してのみ呼び出されます。jQueryは、イベントターゲットからハンドラーが接続されている要素(つまり、最も内側から最も外側の要素)までイベントをバブルし、そのパスに沿ってセレクターに一致するすべての要素のハンドラーを実行します。 「要素のハンドラを実行する」とはどういう意味ですか?コンセプトを試すためのテストページを作成しました。ただし、次の両方の構成は同じ動作になります。 $("div#target span.green").on("click", function() { alert($(this).attr("class") + " is clicked"); }); または、 $("div#target").on("click", "span.green", function() { alert($(this).attr("class") + " is clicked"); }); 多分誰かがこの点を明確にするために別の例を参照できますか?ありがとう。

9
JavaScriptで数値を切り上げる方法は?
Javascriptを使用して数値を切り上げたい。数値は通貨なので、次の例のように切り上げてください(小数点以下2桁)。 192.168 => 192.20 192.11 => 192.20 192.21 => 192.30 192.26 => 192.30 192.20 => 192.20 Javascriptを使用してこれを達成する方法?組み込みのJavaScript関数は、標準のロジックに基づいて数値を切り上げます(切り上げるには5より少なく、5を超えます)。


10
Rails 3アプリでページ固有のJavaScriptを追加する最良の方法は?
Rails 3には、かなりクールないくつかの控えめなJavaScriptがあります。 しかし、私は特定のページに追加のJavaScriptを含めるための最良の方法は何かと思っていました。 たとえば、以前に行った可能性がある場合: <%= f.radio_button :rating, 'positive', :onclick => "$('some_div').show();" %> 次のようにして、目立たなくすることができます <%= f.radio_button :rating, 'positive' %> # then in some other file $('user_rating_positive').click(function() { $('some_div').show(); } だから私は私の質問がそのJavaScriptをどこに/どのように含めるかだと思いますか?application.jsこのJavaScriptはこの1つのビューにのみ適用できるため、ファイルをいっぱいにしたくありません。どういうわけか各ページのカスタムJavaScriptファイルを含めるか、ヘッダーが検索するインスタンス変数に貼り付けますか?


9
Amazon S3クライアントブラウザーからの直接ファイルアップロード-秘密キーの開示
サーバー側のコードなしで、JavaScriptのみを使用してREST API経由でクライアントマシンからAmazon S3にファイルを直接アップロードすることを実装しています。すべて正常に動作しますが、心配なことは... Amazon S3 REST APIにリクエストを送信するとき、リクエストに署名し、Authenticationヘッダーに署名を付ける必要があります。署名を作成するには、秘密鍵を使用する必要があります。しかし、すべてのことはクライアント側で行われるため、秘密鍵はページのソースから簡単に明らかにできます(ソースを難読化/暗号化した場合でも)。 どうすればこれを処理できますか?そしてそれはまったく問題ですか?特定の秘密鍵の使用を特定のCORSオリジンからのREST API呼び出しとPUTおよびPOSTメソッドのみに制限したり、リンクキーをS3と特定のバケットのみに制限したりできますか?別の認証方法があるかもしれませんか? 「サーバーレス」ソリューションが理想的ですが、サーバーへのファイルのアップロードとS3への送信を除いて、サーバーサイドでの処理を検討することができます。

12
ネストされたJSONオブジェクトをフラット化/非フラット化する最速の方法
複雑な/ネストされたJSONオブジェクトを平坦化および非平坦化するために、いくつかのコードを一緒に投げました。動作しますが、少し遅いです(「長いスクリプト」の警告が表示されます)。 平坦化された名前には、「。」が必要です。区切り文字および配列の[INDEX]として。 例: un-flattened | flattened --------------------------- {foo:{bar:false}} => {"foo.bar":false} {a:[{b:["c","d"]}]} => {"a[0].b[0]":"c","a[0].b[1]":"d"} [1,[2,[3,4],5],6] => {"[0]":1,"[1].[0]":2,"[1].[1].[0]":3,"[1].[1].[1]":4,"[1].[2]":5,"[2]":6} 私のユースケースをシミュレートするベンチマークを作成しましたhttp://jsfiddle.net/WSzec/ ネストされたJSONオブジェクトを取得する 平らにする 全体を確認し、平坦化中に変更する可能性があります 元のネストされた形式に戻し、出荷します。 より高速なコードが欲しい:明確にするために、JSFiddleベンチマーク(http://jsfiddle.net/WSzec/)をIE 9 +、FF 24+、およびChrome 29で大幅に高速化(〜20%+がいい)するコード+。 関連するJavaScriptコードは次のとおりです:現在の最速:http : //jsfiddle.net/WSzec/6/ JSON.unflatten = function(data) { "use strict"; if (Object(data) !== data || Array.isArray(data)) return data; var result = {}, cur, prop, idx, …

8
jQueryの選択タグ内のオプションタグの数を数える
jQueryを使用<option>して<select>DOM要素のs の数を数えるにはどうすればよいですか? <select data-attr="dropdown" id="input1"> <option value="Male" id="Male">Male</option> <option value="Female" id="Female">Female</option> </select> DOM要素<option>内のタグの数を確認したいのですが<select>、ドロップダウンボックスの対応するオプション値を含むその数の入力フィールドで設定パネルを開き、プレビューでもう一度変更します。パネル。 上記のドロップダウンボックスは、jQueryによって生成されるプレビューパネルにあります。
159 javascript  jquery  html 

17
テーブルの上下にある水平スクロールバー
私はとても大きい table私のページです。そこで、テーブルの下部に水平スクロールバーを配置することにしました。しかし、このスクロールバーもテーブルの一番上に配置したいと思います。 テンプレートにあるのはこれです: <div style="overflow:auto; width:100%; height:130%"> <table id="data" style="width:100%">...</table> </div> これはHTMLとCSSでのみ可能ですか?
159 javascript  jquery  html  css 

14
Node.js HTTPサーバーで単一のCookieを取得および設定する
単一のCookieを設定し、nodejsサーバーインスタンスに対して行われる各要求でその単一のCookieを読み取ることができるようにしたいと考えています。サードパーティのlibを取り込む必要なしに、それを数行のコードで実行できますか? var http = require('http'); http.createServer(function (request, response) { response.writeHead(200, {'Content-Type': 'text/plain'}); response.end('Hello World\n'); }).listen(8124); console.log('Server running at http://127.0.0.1:8124/'); 上記のコードを直接nodejs.orgから取得し、それにcookieを挿入するだけです。

27
JavaScript / jQueryでページの一番上にスクロールする方法は?
JavaScript / jQueryでブラウザのスクロールを制御する方法はありますか? ページを半分下にスクロールしてからリロードをトリガーすると、ページが一番上にパックされますが、代わりに最後のスクロール位置を見つけようとします。だから私はこれをしました: $('document').ready(function() { $(window).scrollTop(0); }); しかし、運はありません。 編集: ですから、ページが読み込まれた後に私がそれらを呼び出すと、両方の回答が機能しました。ただし、ページを更新するだけの場合は、.readyイベントの後にブラウザが古いスクロール位置を計算してスクロールするように見えます(本文のonload()関数もテストしました)。 したがって、フォローアップは、ブラウザがその過去の位置にスクロールするのを防ぐ方法、またはそれが実行された後に最上部に再スクロールする方法はありますか?

20
Node.jsでスクリプトが実行されているかどうかを確認するにはどうすればよいですか?
Node.jsスクリプトに必要なスクリプトがあります。JavaScriptエンジンを独立させておきたいのですが。 たとえば、exports.x = y;Node.jsで実行されている場合にのみ実行したいと思います。このテストを実行するにはどうすればよいですか? この質問を投稿したとき、Node.jsモジュールの機能がCommonJSに基づいていることを知りませんでした。 私が挙げた具体的な例では、より正確な質問は次のようになります。 CommonJSモジュールとして必要であるかどうかをスクリプトで確認するにはどうすればよいですか?

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