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

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

29
JavaScriptで小数点以下2桁の数値をフォーマットする
私の数値を小数点以下2桁に丸める次のコード行があります。しかし、私は次のような数値を取得しています。10.8、2.4など。これらは小数点以下2桁の私の考えではないので、以下をどのように改善できますか？ Math.round(price*Math.pow(10,2))/Math.pow(10,2); 10.80、2.40などの数値が欲しいのですが、jQueryを使用しても問題ありません。
12
JavaScriptの「新しい」キーワードは有害と見なされますか？[閉まっている]
現在のところ、この質問はQ＆A形式には適していません。事実、参考文献、専門知識によって回答が裏付けられることを期待していますが、この質問は、討論、議論、投票、または拡張ディスカッションを求める可能性があります。この質問を改善でき、再開できると思われる場合は、ヘルプセンターにアクセスしてください。 7年前休業。 別の質問で、ユーザーはそのnewキーワードを使用するのは危険であると指摘し、使用しないオブジェクト作成の解決策を提案しましたnew。それが本当だとは思いませんでした。主に、Prototype、Scriptaculous、その他の優れたJavaScriptライブラリを使用していて、全員がnewキーワードを使用していたためです。 それにもかかわらず、昨日私はYUIシアターでダグラスクロックフォードの講演を見ていましたが、彼はまったく同じことを言っていnewました。彼はコードでキーワードをもう使用していません（JavaScriptのCrockford-Act III：Function the Ultimate-50:23分）。 newキーワードを使用するのは悪いことですか？それを使用することの利点と欠点は何ですか？
568 javascript 
27
divにツールチップを追加する
私はこのようなdivタグを持っています： <div> <label>Name</label> <input type="text"/> </div> :hoverdivのツールチップを、できればフェードイン/フェードアウト効果で表示するにはどうすればよいですか。
568 javascript  html  css  tooltip 
7
「$（this）」と「this」の違いは何ですか？
私は現在、このチュートリアルを進めています：jQuery入門 以下の2つの例の場合： $("#orderedlist").find("li").each(function (i) { $(this).append(" BAM! " + i); }); $("#reset").click(function () { $("form").each(function () { this.reset(); }); }); 最初の例では$(this)、各li要素内にテキストを追加するために使用しています。2番目の例ではthis、フォームをリセットするときに直接使用します。 $(this)よりも頻繁に使用されているようですthis。 私の推測は最初の例で$()は、各li要素をappend()関数を理解するjQueryオブジェクトに変換するのに対し、2番目の例reset()ではフォームで直接呼び出すことができます。 基本的に$()、特別なjQuery専用の関数が必要です。 これは正しいです？
567 javascript  jquery  this 
18
jQueryチェックボックスの変更とクリックイベント
$(document).ready(function() { //set initial state. $('#textbox1').val($(this).is(':checked')); $('#checkbox1').change(function() { $('#textbox1').val($(this).is(':checked')); }); $('#checkbox1').click(function() { if (!$(this).is(':checked')) { return confirm("Are you sure?"); } }); }); <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <input type="checkbox" id="checkbox1"/><br /> <input type="text" id="textbox1"/> コードスニペットを実行する結果を非表示スニペットを展開 ここ.change()では、チェックボックスのステータスでテキストボックスの値を更新します。.click()チェックを外したときのアクションの確認に使用します。ユーザーがキャンセルを選択すると、チェックマークは復元されますが、.change()確認前に発生します。 これにより、一貫性のない状態になり、チェックボックスをオンにすると、テキストボックスにfalseと表示されます。 キャンセルに対処し、テキストボックスの値をチェックの状態と一致させるにはどうすればよいですか？
12
JavaScriptクロージャーと無名関数
私の友人と私は現在、JSの閉鎖とは何か、閉鎖ではないことについて話し合っています。本当に正しく理解できるようにしたいだけです。 この例を見てみましょう。カウントループがあり、遅延したコンソールにカウンター変数を出力したいと考えています。したがってsetTimeout、クロージャーを使用してカウンター変数の値をキャプチャし、値NのN倍を出力しないようにします。 クロージャーまたはクロージャーに近いものがない場合の間違った解決策は次のとおりです。 for(var i = 0; i < 10; i++) { setTimeout(function() { console.log(i); }, 1000); } もちろんi、ループ後の値の10倍、つまり10を出力します。 それで彼の試みは： for(var i = 0; i < 10; i++) { (function(){ var i2 = i; setTimeout(function(){ console.log(i2); }, 1000) })(); } 期待どおりに0〜9を印刷します。 私は彼がキャプチャにクロージャーを使用していないと彼に話しましたi、しかし彼は彼がそうであると主張します。私は、forループ本体を別の内部に配置して（無名関数をに渡す）、再度10回10を出力することによって、クロージャーを使用しないことを証明しました。彼の関数をaに保存し、ループの後に実行した場合も同じことが当てはまります。10を10回出力します。したがって、私の議論は、彼がの値を実際にキャプチャしておらず、バージョンをクロージャーではないということです。setTimeoutsetTimeoutvari 私の試みは： for(var i = 0; i < 10; …
18
Angular：* ngClassを使用した条件付きクラス
Angularコードの何が問題になっていますか？私は得ています： Cannot read property 'remove' of undefined at BrowserDomAdapter.removeClass ... HTML <ol class="breadcrumb"> <li *ngClass="{active: step==='step1'}" (click)="step='step1; '">Step1</li> <li *ngClass="{active: step==='step2'}" (click)="step='step2'">Step2</li> <li *ngClass="{active: step==='step3'}" (click)="step='step3'">Step3</li> </ol>
11
フェッチ：POST jsonデータ
StackаэтотвопросестьответынаStack Overflowнарусском：какотправитьjsonнасерверfetch javascript？гсеговоряттолькоотом、какполучитьjson fetchを使用してJSONオブジェクトをPOSTしようとしています。 私が理解できることから、文字列化されたオブジェクトをリクエストの本文に添付する必要があります。例： fetch("/echo/json/", { headers: { 'Accept': 'application/json', 'Content-Type': 'application/json' }, method: "POST", body: JSON.stringify({a: 1, b: 2}) }) .then(function(res){ console.log(res) }) .catch(function(res){ console.log(res) }) jsfiddleのjsonエコーを使用すると、送信したオブジェクト（{a: 1, b: 2}）が返されることが期待されますが、これは発生しません。Chromedevtoolsでは、リクエストの一部としてJSONも表示されないため、送信されません。
28
JavaScriptでのコード編成に関する一般的に受け入れられているベストプラクティス[終了]
休業。この質問は意見に基づいています。現在、回答を受け付けていません。 この質問を改善してみませんか？この投稿を編集して、事実と引用で回答できるように質問を更新してください。 5年前休業。 jQueryのようなJavaScriptフレームワークがクラ​​イアント側のWebアプリケーションをよりリッチで機能的にするので、1つの問題に気づき始めました... 世界でこれをどのように整理しますか？ すべてのハンドラを1つの場所に配置し、すべてのイベントの関数を記述しますか？ すべての機能をラップする関数/クラスを作成しますか？ 狂ったように書いて、それがうまくいくことを願っていますか？ あきらめて、新しいキャリアを得る？ jQueryについて言及しましたが、これは実際には一般的なJavaScriptコードです。何行にもわたっていくと、スクリプトファイルの管理や探しているものを見つけるのが難しくなります。私が見つけた最大の問題は、同じことを実行する方法が非常に多く、現在一般に受け入れられているベストプラクティスがどれであるかを知るのが難しいことです。 .jsファイルをアプリケーションの他の部分と同じようにきれいに保つための最良の方法に関する一般的な推奨事項はありますか？それともIDEの問題ですか？そこに良いオプションはありますか？ 編集 この質問は、ファイル編成ではなく、コード編成に関するものでした。ファイルをマージしたりコンテンツを分割したりする良い例がいくつかあります。 私の質問は、実際にコードを整理するために現在一般的に受け入れられているベストプラクティスの方法は何ですか？あなたの方法は何ですか、またはページ要素とやり取りして、互いに競合しない再利用可能なコードを作成するための推奨される方法は何ですか？ 一部の人々は、良い考えである名前空間をリストしました。より具体的にはページ上の要素を処理し、コードを整理して整理する他の方法は何ですか？
15
jQueryを使用して入力にフォーカスがあるかどうかをテストする
私が構築しているサイトのフロントページでは、いくつか<div>のがCSS :hover疑似クラスを使用して、マウスを上に置くと境界線を追加します。の1つには、jQueryを使用<div>し<form>て、その中の入力にフォーカスがある場合に境界を保持するが含まれます。IE6がs :hover以外<a>の要素をサポートしないことを除いて、これは完全に機能します。したがって、このブラウザでは:hover、$(#element).hover()メソッドを使用してCSS を模倣するためにjQueryのみを使用しています。唯一の問題は、jQueryがフォームfocus() との 両方を処理するようhover()になったことです。入力にフォーカスがある場合、ユーザーがマウスを内側と外側に動かすと、境界が消えます。 この動作を停止するために、なんらかの条件を使用できると考えていました。たとえば、いずれかの入力にフォーカスがあるかどうかマウスアウトでテストした場合、境界線が消えないようにすることができます。私の知る限り、:focusjQuery にはセレクターがないため、これを実現する方法がわかりません。何か案は？
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.