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

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

5
node.jsのクエリ文字列の解析
この「HelloWorld」の例では、次のようになります。 // Load the http module to create an http server. var http = require('http'); // Configure our HTTP server to respond with Hello World to all requests. var server = http.createServer(function (request, response) { response.writeHead(200, {"Content-Type": "text/plain"}); response.end("Hello World\n"); }); // Listen on port 8000, IP defaults to 127.0.0.1 …

13
JSON.stringify()からの出力で特定の値を非表示にします
特定のフィールドをjson文字列に含めることから除外することは可能ですか? ここにいくつかの擬似コードがあります var x = { x:0, y:0, divID:"xyz", privateProperty1: 'foo', privateProperty2: 'bar' } privateProperty1とprivateproperty2をjson文字列に表示しないようにしたい だから私はstringify置換機能を使うことができると思いました function replacer(key,value) { if (key=="privateProperty1") then retun "none"; else if (key=="privateProperty2") then retun "none"; else return value; } とstringifyで var jsonString = json.stringify(x,replacer); しかし、jsonStringではまだそれを次のように見ています {...privateProperty1:value..., privateProperty2:value } privatepropertiesを含まない文字列を作成したいと思います。
86 javascript  json 

4
AngularJSを使用したサーバーポーリング
私はAngularJSを学ぼうとしています。毎秒新しいデータを取得する最初の試みはうまくいきました: 'use strict'; function dataCtrl($scope, $http, $timeout) { $scope.data = []; (function tick() { $http.get('api/changingData').success(function (data) { $scope.data = data; $timeout(tick, 1000); }); })(); }; スレッドを5秒間スリープして低速サーバーをシミュレートすると、UIを更新して別のタイムアウトを設定する前に、応答を待機します。問題は、モジュールの作成にAngularモジュールとDIを使用するように上記を書き直したときです。 'use strict'; angular.module('datacat', ['dataServices']); angular.module('dataServices', ['ngResource']). factory('Data', function ($resource) { return $resource('api/changingData', {}, { query: { method: 'GET', params: {}, isArray: true } }); …

2
ヘッダーの解析中にエラーが発生しましたX-XSS-Protection-GoogleChrome
GoogleChromeをVersion 64.0.3282.140 (Official Build) (64-bit)Windows10マシンにアップグレードしました。一度実行すると、開発者ツールコンソール内の自分のサイトでこのエラーが発生します。どこから始めればよいのかよくわかりません。私は昨年、youtube(これもURLにあります)の問題である同様の問題を見ましたが、解決策は見ていません。 Error parsing header X-XSS-Protection: 1; mode=block; report=https://www.google.com/appserve/security-bugs/log/youtube: insecure reporting URL for secure page at character position 22. The default protections will be applied. 16:07:31.905 埋め込まれたURLを介してYouTubeに直接アクセスしたときにも問題が発生するため、自分のサイトだけではありません。 更新 問題を引き起こしていると思われるgoogle.comのURLを示すヘッダーの写真を返信に添付しました。

4
Reactで自動サイズ設定されたDOM要素の幅にどのように応答できますか?
Reactコンポーネントを使用する複雑なWebページがあり、ページを静的レイアウトからより応答性が高く、サイズ変更可能なレイアウトに変換しようとしています。しかし、私はReactで制限に直面し続けており、これらの問題を処理するための標準的なパターンがあるかどうか疑問に思っています。私の特定のケースでは、display:table-cellとwidth:autoを持つdivとしてレンダリングされるコンポーネントがあります。 残念ながら、コンポーネントの幅をクエリすることはできません。これは、要素が実際にDOM(実際にレンダリングされた幅を推定するための完全なコンテキストを持っている)に配置されない限り、要素のサイズを計算できないためです。これをマウスの相対的な配置などに使用するだけでなく、コンポーネント内のSVG要素に幅属性を適切に設定するためにも必要です。 さらに、ウィンドウのサイズが変更された場合、セットアップ中にあるコンポーネントから別のコンポーネントにサイズの変更を伝えるにはどうすればよいですか?サードパーティのSVGレンダリングはすべてshouldComponentUpdateで実行していますが、自分自身またはそのメソッド内の他の子コンポーネントに状態やプロパティを設定することはできません。 Reactを使用してこの問題に対処する標準的な方法はありますか?

8
未定義が上書きされないと仮定することは、JavaScriptで実際にどれほど危険ですか?
誰でもに対してテストを言及するたびにundefined、それは先の尖ったアウトですundefinedので、キーワードではありません、それはに設定することができ"hello"て、あなたが使用する必要があります typeof x == "undefined"代わりに。これは私にはばかげているようです。誰もそれをすることはありません、そしてもし彼らがそうするなら、彼らが書いたコードを決して使わないのに十分な理由でしょう...そうですか? 誤ってに設定した人の例を1つ見つけました。これは、上書きされないと想定しないようにする理由として挙げられました。しかし、もし彼らがそれをしていたら、バグは検出されなかったでしょう、そして私はそれがどのように良いのか見当がつかないのです。undefinednullundefined C ++では、誰もが言うことが合法であることをよく知っていますが#define true false、代わりにtrue使用しないようにアドバイスする人は誰もいません0 == 0。あなたは、誰もそれをするのに十分な大きさではないだろうと思い込んでいます。もしそうなら、彼らのコードを二度と信用しないでください。 これは、他の誰かがundefined(故意に)割り当てた場所で実際に誰かを噛み、コードを壊したことがありますか、それともこれは架空の脅威ですか?私は自分のコードをわずかに読みやすくするためにチャンスを利用したいと思っています。これは本当に悪い考えですか? 繰り返しになりますが、私は再割り当てされた未定義から保護する方法を求めていません。私はすでに100回書かれたそれらのトリックを見てきました。私はそれらのトリックを使わないことがどれほど危険かを尋ねています。

10
click()の代わりにjQuery on()を使用する理由
現在、クリックが発生したときに何かをする必要があるときにjQueryを使用して、次のようにします... $(".close-box").click( function() { MoneyBox.closeBox(); return false; }); 私は他の誰かがプロジェクトに持っているいくつかのコードを見ていました、そして彼らはこのようにそれをします... $(".close-box").live("click", function () { MoneyBox.closeBox(); return false; }); 現在非推奨になっているlive()関数を使用していることを除いて、私が知る限り同じことをしているように見え、jQueryドキュメントはon()代わりに使用すると言っていますが、どちらの方法でも、最初の例の代わりにlive / on()を使用するのはなぜですか?

4
JSON形式のPOSTデータ
JSON形式に変換して、JavaScript関数でPOSTする必要のあるデータがいくつかあります。 <body onload="javascript:document.myform.submit()"> <form action="https://www.test.net/Services/RegistrationService.svc/InviteNewContact" method="post" name="myform"> <input name="firstName" value="harry" /> <input name="lastName" value="tester" /> <input name="toEmail" value="testtest@test.com" /> </form> </body> これが投稿の現在の外観です。JSON形式で値を送信し、JavaScriptでPOSTを実行する必要があります。

5
JavaScriptの日付オブジェクトの比較
Javascriptで日付オブジェクトを比較すると、同じ日付を比較してもtrueが返されないことがわかりました。 var startDate1 = new Date("02/10/2012"); var startDate2 = new Date("01/10/2012"); var startDate3 = new Date("01/10/2012"); alert(startDate1>startDate2); // true alert(startDate2==startDate3); //false これらの日付の同等性をどのように比較できますか?Date日付を比較するためだけにサードパーティのJSを使用するのは適切ではないため、サードパーティのライブラリではなくJSのネイティブオブジェクトを利用することに興味があります。
86 javascript 

12
jQuery-ハッシュ変更イベント
私は使っている: $(window).bind( 'hashchange', function(e) { }); 関数をハッシュ変更イベントにバインドします。これはIE8、Firefox、Chromeで機能するようですが、Safariでは機能しないため、以前のバージョンのIEでは機能しないと思います。これらのブラウザでは、ハッシュとhashchangeイベントを使用するJavaScriptコードを無効にします。 ブラウザがhashchangeイベントをサポートしているかどうかを検出できるjQueryの方法はありますか?多分何かでjQuery.support...

4
配列をjQuery.data()属性に渡す方法
さて、次のように非常に基本的な配列をjqueryデータ属性サーバー側に渡したいと思います。 <div data-stuff="['a','b','c']"></div> そして、次のように取得します。 var stuff = $('div').data('stuff'); alert(stuff[0]); これが「a」ではなく「[」に警告するように見えるのはなぜですか(JSfiddleリンクを参照) JSFiddleリンク: http ://jsfiddle.net/ktw4v/3/
86 javascript  jquery  html  json 

3
:CSS疑似クラスまたは類似のものに触れますか?
ユーザーがボタンをクリックすると、マウスボタンを押している間にスタイルが変わるようにボタンを作成しようとしています。また、モバイルブラウザでタッチした場合も同様にスタイルを変えてほしい。一見明らかなことは、CSS:active疑似クラスを使用することでしたが、それは機能しませんでした。:focusを試しましたが、うまくいきませんでした。:hoverを試してみたところ、うまくいったようですが、ボタンから指を離してもスタイルは保たれていました。これらの観察結果はすべて、iPhone4とDroid2で行われました。 モバイルブラウザ(iPhone、iPad、Android、そしてできれば他のブラウザ)で効果を再現する方法はありますか?今のところ、私は次のようなことをしています: <style type="text/css"> #testButton { background: #dddddd; } #testButton:active, #testButton.active { background: #aaaaaa; } </style> ... <button type="button" id="testButton">test</button> ... <script type='text/javascript' src='http://code.jquery.com/jquery-1.6.1.min.js'></script> <script type='text/javascript'> $("*").live("touchstart", function() { $(this).addClass("active"); }).live("touchend", function() { $(this).removeClass("active"); }); </script> :active疑似クラスはデスクトップブラウザ用であり、アクティブクラスはタッチブラウザ用です。 Javascriptを使わずにもっと簡単な方法があるのではないかと思います。




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