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

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

11
Angularjs-現在の日付を表示する
angularjsでビューを得て、現在の日付(フォーマット済み)を表示しようとしています。<span>{{Date.now() | date:'yyyy-MM-dd'}}</span>現在の日付を表示するようなものだと思いました。



1
この例で「use strict」がパフォーマンスを10倍向上させるのはなぜですか?
メソッドに追加するだけでパフォーマンスが10倍向上したため、「Extending String.prototype performance」という質問に私は本当に興味をそそられます。説明によるbergiは短く、私にそれを説明していません。2つのほぼ同一の方法の間に劇的な違いがあるのはなぜですか?より詳細に、そしてその背後にある理論で説明できますか?"use strict"String.prototype"use strict" String.prototype.count = function(char) { var n = 0; for (var i = 0; i < this.length; i++) if (this[i] == char) n++; return n; }; String.prototype.count_strict = function(char) { "use strict"; var n = 0; for (var i = 0; i < this.length; i++) if …

4
React + Redux-フォームコンポーネントでCRUDを処理する最良の方法は何ですか?
作成、読み取り、更新、削除に使用するフォームを1つ取得しました。同じフォームで3つのコンポーネントを作成しましたが、異なるプロップを渡しました。CreateForm.js、ViewForm.js(削除ボタンでは読み取り専用)、UpdateForm.jsを取得しました。 以前はPHPを使用していたため、これらを常に1つの形式で行いました。 ストアの管理にはReactとReduxを使用しています。 CreateFormコンポーネントを使用しているときに、サブコンポーネントにこのプロパティを渡して、createForm={true}入力に値を入力せず、無効にしないようにします。私のViewFormコンポーネントでは、この小道具を渡しますreadonly="readonly"ます。 そして、値で満たされていて更新できないtextareaで別の問題が発生しました。値を持つ反応テキストエリアは読み取り専用ですが、更新する必要があります フォームのこれらの異なる状態を処理するコンポーネントを1つだけ持つのに最適な構造は何ですか? 共有するアドバイス、チュートリアル、ビデオ、デモはありますか?

8
「単一ページ」JS WebサイトとSEO
今日、強力な「単一ページ」JavaScript Webサイトを作成するためのクールなツールがたくさんあります。私の意見では、これはサーバーにAPIとして機能させ(それ以上は何もさせない)、クライアントにHTML生成のすべてのものを処理させることによって正しく行われます。この「パターン」の問題は、検索エンジンのサポートがないことです。私は2つの解決策を考えることができます: ユーザーがWebサイトにアクセスしたら、サーバーがクライアントのナビゲーションとまったく同じようにページをレンダリングできるようにします。したがって、http://example.com/my_path直接移動すると、サーバーは、/my_pathpushState を使用して移動した場合と同じようにレンダリングします。 サーバーに、検索エンジンボット専用の特別なWebサイトを提供させます。通常のユーザーがhttp://example.com/my_pathサーバーにアクセスする場合は、JavaScriptを多用したバージョンのWebサイトを提供する必要があります。しかし、Googleボットがアクセスした場合、サーバーは、Googleにインデックス登録させたいコンテンツを含む最小限のHTMLを提供する必要があります。 最初のソリューションについては、ここでさらに説明します。私はこれをしているウェブサイトで働いていました、そしてそれはとても良い経験ではありません。それはDRYではなく、私の場合、クライアントとサーバーに2つの異なるテンプレートエンジンを使用する必要がありました。 私はいくつかの古いフラッシュWebサイトの2番目の解決策を見たと思います。私はこのアプローチが最初のアプローチよりもはるかに好きで、サーバーに適切なツールがあれば、非常に簡単に実行できます。 だから私が本当に思っているのは次のとおりです: あなたはもっと良い解決策を考えることができますか? 2番目のソリューションの欠点は何ですか?通常のユーザーと同じようにGoogleボットにまったく同じコンテンツを提供していないことがGoogleで判明した場合、検索結果で罰せられるのでしょうか?

15
ブートストラップポップオーバーがすべての要素の上に表示されない
私はブートストラップサイトで作業しており、2.0からブートストラップ2.2に更新した後、ポップオーバー以外はすべて機能しました。 ポップオーバーは引き続き正常に表示されますが、他のすべての要素の上に表示されるわけではありません。 <div> // this sits on top of the popover. this did not happen before cleaning up scripts. <div> //popover shows on top of this <div> //popover shows on top of this //link here with popover in it. </div> </div> </div> 誰もがポップオーバーの動作が変更された理由、またはどうすればそれを修正できるかについて何か考えがありますか?ありがとう。

21
JavaScriptを使用してiframeへのクリックを検出する
iframeクロスドメインの場合、ユーザーが何をしているのかわかりません。私がやりたいのは、ユーザーがでクリックしたかどうかを追跡することですiframe。私は目に見えないがあるシナリオを想像divの上をiframeし、divちょうどそのにクリックイベントを渡しますiframe。 このようなことは可能ですか?もしそうなら、それから私はそれについてどうやって行きますか?iframes広告ですので、私は使用されているタグを制御することはできません。

3
最小日と最大日
私はJavascript Dateオブジェクトに許可されている最小と最大の日付はどちらかと思っていました。最小日付は紀元前200000年のようなものであることがわかりましたが、それに関する参照を取得できませんでした。 誰かが答えを知っていますか?ブラウザに依存しないことを願っています。 「エポック時間」(= 1970-01-01 00:00:00 UTC + 00からのミリ秒)での回答が最適です。
128 javascript  datetime  max 

10
html5入力タイプ番号で浮動小数点数と小数点記号を処理する方法
主にモバイルブラウザー用のWebアプリを構築しています。数値タイプの入力フィールドを使用しているため、(ほとんどの)モバイルブラウザーは数値キーボードのみを呼び出してユーザーエクスペリエンスを向上させます。このWebアプリは主に小数点ではなくカンマの領域で使用されるため、両方の小数点を処理する必要があります。 この混乱全体をドットとコンマでカバーする方法は? 私の発見: デスクトップChrome 入力タイプ=数値 ユーザーが入力フィールドに「4,55」を入力します $("#my_input").val(); 「455」を返します 入力から正しい値を取得できません デスクトップFirefox 入力タイプ=数値 ユーザーが入力フィールドに「4,55」を入力します $("#my_input").val(); 「4,55」を返します それは問題ありません。カンマをドットに置き換えて、正しい浮動小数点数を取得できます Androidブラウザー 入力タイプ=数値 ユーザーが入力フィールドに「4,55」を入力します 入力がフォーカスを失うと、値は「4」に切り捨てられます ユーザーを混乱させる Windows Phone 8 入力タイプ=数値 ユーザーが入力フィールドに「4,55」を入力します $("#my_input").val(); 「4,55」を返します それは問題ありません。カンマをドットに置き換えて、正しい浮動小数点数を取得できます ユーザーがコンマまたはドットを小数点記号として使用する可能性があり、より良いユーザーエクスペリエンスを提供するためにHTML入力タイプを数値として保持したい場合、このような状況での「ベストプラクティス」は何ですか? キーイベントをバインドして、コンマを「オンザフライ」でドットに変換できますか。数値入力で機能しますか? 編集 現在のところ、解決策はありません。タイプが数値に設定されている入力から浮動小数点値(文字列または数値として)を取得する方法。エンドユーザーが「4,55」と入力すると、Chromeは常に「455」を返し、Firefoxは「4,55」を返します。 また、Android(テスト済み4.2エミュレーター)で、入力フィールドに「4,55」と入力してフォーカスを別の場所に変更すると、入力した数値が「4」に切り捨てられるのも非常に煩わしいです。

7
単純なonClickイベントハンドラーをcanvas要素に追加するにはどうすればよいですか?
私は経験豊富なJavaプログラマーですが、JavaScript / HTML5関連のものを約10年ぶりに検討しています。私はこれまでで最も簡単なものであるべきものに完全に困惑しています。 例として、何かを描き、それにイベントハンドラを追加したかっただけです。私は愚かなことをしていると確信していますが、私はすべてを検索しましたが、何も提案されていません(たとえば、この質問への回答: JavaScriptで入力するonclickプロパティを追加)は機能します。Firefox 10.0.1を使用しています。私のコードが続きます。複数のコメント行が表示され、各行の最後に何が起こったか(または何が起こらなかったか)の説明が表示されます。 ここで正しい構文は何ですか?私はおかしくなりそうだ! <html> <body> <canvas id="myCanvas" width="300" height="150"/> <script language="JavaScript"> var elem = document.getElementById('myCanvas'); // elem.onClick = alert("hello world"); - displays alert without clicking // elem.onClick = alert('hello world'); - displays alert without clicking // elem.onClick = "alert('hello world!')"; - does nothing, even with clicking …



8
JSではなぜisNaN(null)== falseなのですか?
JSのこのコードは、「nullは数値だと思います」というポップアップを表示します。何が欠けていますか? if (isNaN(null)) { alert("null is not a number"); } else { alert("i think null is a number"); } コードスニペットを実行する結果を非表示スニペットを展開 Firefox 3を使用しています。これはブラウザのバグですか? その他のテスト: console.log(null == NaN); // false console.log(isNaN("text")); // true console.log(NaN == "text"); // false コードスニペットを実行する結果を非表示スニペットを展開 それで、問題はNaNとの正確な比較ではないようです? 編集:これで質問に回答しました。投稿をクリーンアップして、アーカイブに適したバージョンを用意しました。ただし、これにより、一部のコメントや一部の回答でさえも少しわかりにくくなります。著者を責めないでください。私が変更したものの中には: そもそも意味を元に戻すことで見出しをめちゃくちゃにしたというメモを削除 以前の回答では、動作がおかしいと思う理由を明確に述べていなかったため、文字列をチェックして手動で比較する例を追加しました。
128 javascript 


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