最新記事

スクロールバーが表示されているかどうかを確認するにはどうすればよいですか? 質問する
javascript
css
dom
scrollbar

スクロールバーが表示されているかどうかを確認するにはどうすればよいですか? 質問する

overflow:autodiv の を確認することは可能ですか? 例えば: html

* content
クエリ $('.my_class').live('hover', function (event) { if (event.type == 'mouseenter') { if( ... if scrollbar visible ? ... ) { alert('true'): } else { alert('false'): } } }); コンテンツは短い場合 (スクロールバーなし) もあれば、長い場合 (スクロールバーが表示される) もあります。

Admin

ページが読み込まれたときに関数を実行するにはどうすればいいですか? 質問する
javascript
html
onload

ページが読み込まれたときに関数を実行するにはどうすればいいですか? 質問する

ページが読み込まれたときに関数を実行したいのですが、タグ内では使用したくありません。 次のように、で初期化すると実行されるスクリプトがあります。 function codeAddress() { // code } しかし、私はそれをなしで実行したいので、次のような多くのことを試しました。 window.onload = codeAddress; しかし、それは機能していません。 では、ページが読み込まれたときにこれをどのように実行すればよいのでしょうか?

Admin

配列を他の配列のすべての要素からフィルタリングする方法 質問する
javascript
arrays
filter

配列を他の配列のすべての要素からフィルタリングする方法 質問する

配列を他の配列のすべての要素からフィルタリングする最適な方法を理解したいと思います。フィルター関数を試しましたが、削除したい値をどのように指定すればよいかわかりません。 次のようになります。 var array = [1,2,3,4]; var anotherOne = [2,4]; var filteredArray = array.filter(myCallback); // filteredArray should now be [1,3] function myCallBack(){ return element ! filteredArray; //which clearly can't work since we don't have the reference <,< } フィルター機能が役に立たない場合、これをどのように実装しますか? 編集: 重複する可能性のある質問を確認しましたが、JavaScript を簡単に理解できる人にとっては役立つ可能性があります。良いとチェックされた回答により、物事が簡単になります。

Admin

Angular ウィンドウのサイズ変更イベント 質問する
javascript
angular

Angular ウィンドウのサイズ変更イベント 質問する

ウィンドウのサイズ変更イベント (ロード時および動的) に基づいていくつかのタスクを実行したいと思います。 現在、私の DOM は次のようになっています。

イベントは正常に起動します export class AppComponent { onResize(event) { console.log(event); } } このイベント オブジェクトから幅と高さを取得するにはどうすればよいですか? ありがとう。

Admin

JestでESLintを使用する方法 質問する
javascript
jestjs
eslint

JestでESLintを使用する方法 質問する

私は、Jest テスト フレームワークで ESLint リンターを使用しようとしています。 Jest テストは のようなグローバル変数を使用して実行されるjestため、これをリンターに伝える必要があります。ただし、注意が必要なのはディレクトリ構造です。Jest では、テストは__tests__フォルダー内のソース コードに埋め込まれるため、ディレクトリ構造は次のようになります。 src foo foo.js __tests__ fooTest.js bar bar.js __tests__ barTest.js 通常、すべてのテストを 1 つのディレクトリに保存し、そこにファイルを追加してグローバルを追加するだけで済みますが、すべてのディレクトリにファイル.eslintrcを追加したくはありません。.eslintrc__test__ 今のところ、テスト グローバルをグローバル.eslintrcファイルに追加しただけですが、これはテスト以外のコードで参照できることを意味するためjest、これは「正しい」解決策とは思えません。 eslint にディレクトリ名などに基づいたパターンに基づいてルールを適用させる方法はありますか?

Admin

node.jsで一意のIDを生成する方法 質問する
javascript
node.js
express

node.jsで一意のIDを生成する方法 質問する

function generate(count) { var founded = false, _sym = 'abcdefghijklmnopqrstuvwxyz1234567890', str = ''; while(!founded) { for(var i = 0; i < count; i++) { str += _sym[parseInt(Math.random() * (_sym.length))]; } base.getID(string, function(err, res) { if(!res.length) { founded = true; // How to do it? } }); } return str; } データベース クエリ コールバックを使用して変数値を設定するにはどうすればよいでしょうか? どうすればできますか?

Admin

Javascript で Unix エポックからの時間をミリ秒単位で取得するにはどうすればいいですか? [重複] 質問する
javascript

Javascript で Unix エポックからの時間をミリ秒単位で取得するにはどうすればいいですか? [重複] 質問する

この質問に対する回答は既にここにあります : 12年前に 閉店しました 。 重複の可能性あり: JavaScript でタイムスタンプを取得するにはどうすればいいですか? エポックからミリ秒を計算する Javascript で現在のepoch時刻を取得するにはどうすればいいでしょうか? 基本的には、1970 年 1 月 1 日の午前 0 時からのミリ秒数です。

Admin

JavaScript の Const: いつ使用すべきか、また必要かどうか? 質問する
javascript
node.js
constants
immutability

JavaScript の Const: いつ使用すべきか、また必要かどうか? 質問する

私は最近、constJavaScriptのキーワード。私が知る限り、これは不変変数、再定義できないことを確認するためにテストしました(Node.js で)。 const x = 'const'; const x = 'not-const'; // Will give an error: 'constant 'x' has already been defined' まだすべてのブラウザで標準化されていないことは承知していますが、私が興味があるのはNode.js V8、そして私は特定の開発者 / プロジェクトvarキーワードが同じ効果を得られる場合、それを強く支持するようです。 constの代わりにを使用するのが適切なのはいつですかvar? 再割り当てされない変数が宣言されるたびに使用する必要がありますか? varを の代わりに使用したりconst、その逆を行ったりすると、実際に何か違いがあるのでしょうか?

Admin

Redux - 複数のストア、なぜダメなのか? 質問する
javascript
redux

Redux - 複数のストア、なぜダメなのか? 質問する

注記: 私は Redux (Baobab も) のドキュメントを読み、Google 検索とテストをかなり行いました。 Redux アプリにストアを 1 つだけ持つことが強く推奨されるのはなぜですか? 単一ストア設定と複数ストア設定の長所と短所を理解しています (この件については SO に多くの Q&A があります)。 私の意見では、このアーキテクチャ上の決定は、プロジェクトのニーズに基づいてアプリ開発者が行うものです。では、なぜ Redux ではこれが必須であるかのように強く推奨されているのでしょうか (複数のストアを作成することを妨げるものは何もありませんが)? 編集: 単一店舗への変換後のフィードバック 多くの人が複雑な SPA と考えるものに redux を使用して数か月間取り組んだ結果、単一ストア構造で作業するのは本当に楽しかったと言えます。 単一のストアと複数のストアのどちらが、非常に多くのユースケースで意味のない問題であるかを他の人が理解するのに役立つかもしれないいくつかのポイント: 信頼性が高い: セレクターを使用してアプリの状態を調べ、コンテキストに関連する情報を取得します。必要なデータはすべて単一のストアにあることがわかっています。状態の問題がどこにあるのかという疑問をすべて回避できます。 高速です。現在、当社のストアには 100 個近くのリデューサーがあります。その数でも、特定のディスパッチでデータを処理するのは少数のリデューサーのみで、他のリデューサーは以前の状態を返すだけです。巨大/複雑なストア (リデューサーの数が多い) は遅いという議論は、ほとんど意味がありません。少なくとも、そこからパフォーマンスの問題は発生していません。 デバッグしやすい: これは redux を全体的に使用するための最も説得力のある議論ですが、単一ストアと複数ストアにも当てはまります。アプリを構築すると、プロセス中に状態エラー (プログラマーのミス) が発生することは当然ですが、これは正常なことです。PITA は、それらのエラーのデバッグに何時間もかかる場合です。単一ストア (および redux-logger ) のおかげで、特定の状態の問題に数分以上費やすことはありません。 いくつかのヒント Redux ストアを構築する際の本当の課題は、その構造を決定することです。まず、後で構造を変更すると非常に面倒だからです。次に、プロセスでアプリ データをどのように使用し、クエリするかが主に決まるからです。ストアの構造化方法については多くの提案があります。私たちの場合、次の方法が理想的であることがわかりました。 { apis: { // data from various services api1: {}, api2: {}, ... }, components: {} // UI state data for each widget, component, you name it session: {} // session-specific information } このフィードバックが他の人の役に立つことを願っています。 編集2 - 便利なストアツール すぐに複雑になる可能性がある単一のストアを「簡単に」管理する方法を知りたいと考えている方のために、ストアの構造的な依存関係/ロジックを分離するのに役立つツールがあります。 がある正規化これは、スキーマに基づいてデータを正規化します。次に、idDictionary と同様に、データを操作したり、データの他の部分を で取得したりするためのインターフェイスを提供します。 当時は Normalizr を知らなかったので、同じようなものを構築しました。リレーショナルJSONスキーマを受け取り、テーブルベースのインターフェース (データベースに少し似ています) を返します。リレーショナル JSON の利点は、データ構造がデータの他の部分を動的に参照することです (基本的に、通常の JS オブジェクトと同じように、データを任意の方向にトラバースできます)。Normalizr ほど成熟していませんが、数か月前から本番環境でうまく使用しています。

Admin

jQuery で特定の ID を持つ div が存在するかどうかを確認するにはどうすればよいでしょうか? 質問する
javascript
jquery

jQuery で特定の ID を持つ div が存在するかどうかを確認するにはどうすればよいでしょうか? 質問する

クリック時に要素にを追加する関数があります

。この関数はクリックされた要素のテキストを取得し、それを という変数に割り当てますname。この変数は
id追加された要素の として使用されます。
id要素を追加する前に、 with がすでに存在するかどうかを確認する必要がありますnameが、これを確認する方法がわかりません。 これが私のコードです: $("li.friend").live('click', function() { name = $(this).text(); // if-statement checking for existence of
should go here // If
does not exist, then append element $("div#chatbar").append("
" + name + "
"); // Else alert('this record already exists'); }); これはかなり簡単なように思えますが、「クラス名の検索中に予期しないファイルの終わりが検出されました」というエラーが表示されます。これが何を意味するのか全くわかりません。 if (document.getElementById(name)) { $("div#" + name).css({bottom: '30px'}); } else { $("div#page-content div#chatbar").append("
" + name + "
"); } さらに、この要素を閉じるとdiv id [name]ドキュメントから削除されるようにしたいのですが、.remove()そうはなりません。 そのためのコードは次のとおりです。 $(".mini-close").live('click', function(){ $(this).parent().remove(); }); 私は.mini-closeappend 関数を の子として追加したので、必要に応じて.labels追加を閉じる方法がありました。 をクリックしてから同じ名前をもう一度クリックしようとすると、がまだ検出され、ステートメントの最初の部分が返されます。
.mini-closeli.friendsdiv id [name]if

Admin