JavaScript - スクロール軸で前方スクロールと巻き戻しで異なる効果が生じるのはなぜですか?

スクロール軸が回転すると、指定した位置に到達すると、対応するシリアル番号の色が変わるという効果はそれなりにありますが、スクロールが一番下までスクロールすると、さらにスクロールすると、指定された領域に到達していません。上部で、対応するカラー スケールの色が変わりました。以下に提供したコードから、html:...

某草草 2017-05-19 10:25:51 0  1  683

mysqlカスケードクエリ

テーブル A :suittable B :suit_goods 関連条件: suit.suit_id = suit_goods.suit_id 対応関係: A => 複数 B SQL select 上記の結果を実現するにはどうすればよいですか? ? ?結果: レコードが suit_goods テーブルに関連付けられると、最初にこのレコードが保持されます...

某草草 2017-06-22 11:54:37 0  3  972

JavaScript - フロントエンドで高画質な画像を複数端末に対応させる方法

高画質な画像をPCやモバイル端末など複数の端末に対応させるにはどうすればよいですか? モバイル端末にはAndroidやAppleなどが含まれます。

淡淡烟草味 2017-05-16 13:36:58 0  3  548

HTML テーブルで現在表示されている上部行と下部行を決定する JS/VueJS 実装

thead と tbody を備えた標準の HTML テーブルがあります。tbody の行数は配列のサイズに依存するため、任意の数にすることができます。テーブルにはスクロールできる最大の高さがあります。テーブルがスクロールするときに、新しく表示された上部と下部の行を計算できるようにしたいと考えています。また、これを実現するために jquery を使用することはできません。javascript を使用したいだけです。この質問に対する受け入れられた回答を試してみましたが、不正確のようで、2〜7行の数を誤ってカウントすることがあります...HTMLテーブルの最上位行の決定

P粉103739566 2023-09-10 19:23:08 0  1  540

クリック関数で 1 つの要素のみを選択できるようにするにはどうすればよいですか? (純粋なJS)

API からデータを取得し、一連の質問を作成し、配列からランダムに選択された質問に応じて、毎回異なる数の「回答要素」をクイズ ページにロードするクイズ アプリを作成しています。これは、CSS カード スタイルに対する効果的な回答である、クリック可能な一連の「プレイヤー カード」を特徴とする作品です。ユーザーがカードを選択し、チェック ボタンをクリックして機能を実行し、カードが正しいかどうかを確認するという考え方です。この機能は 1 つを除いてうまく機能します。ユーザーはすべてのカードを選択できます。私が抱えている問題は、すべての回答をクリックすると、すべての回答が CSS クラスを取得できるこ...

P粉345302753 2024-01-29 14:08:19 0  1  494

行が不均一な CSS グリッド (Pinterest スタイル)

3列複数行のリンクグリッド(画像+テキスト)を作成しようとしています。問題は、画像の高さが同じではないため、次のような結果が得られることです。 このような結果を得るために必要な CSS グリッド プロパティを見つけようとしています。複数のリンクを含む 3 つの div (列ごと) を作成しようとしましたが、応答時の順序が正しくありません。手伝ってくれますか？どうもありがとう。

P粉710478990 2023-09-09 14:12:15 0  1  574

java - freemark はどのようにしてこの単純な効果を実現するのでしょうか?

テンプレートの {code...} ページは、{code...} を呼び出してページを生成します。文 var a=1; は、テンプレートの最後にある </html> の後ろにあり、テンプレートの対応する部分。私は .net に数年間取り組んできましたが、この種のテンプレートが効果を生み出すのは自然なことだと感じています。 ...

我想大声告诉你 2017-05-27 17:41:00 0  2  656

Vue 3 の変数応答性を停止するにはどうすればよいですか?

Nuxt 3 を使用しているので、リアクティブ定数の応答性を停止する必要があります。 formData オブジェクトがあり、送信をクリックしたら、formData オブジェクトからいくつかのキーを削除する必要があります。 formData を別の変数 submitData に割り当て、delete submitData.key を使用してキーを削除しましたが、有効になりませんでした。

P粉545218185 2023-07-29 09:24:30 0  1  808

CSS グリッド レイアウト 正方形のセル

CSSGrid-Layoutをベースとしてダッシュボード風のビューを作成したいと考えています。画面の全長に 16 列を配置したいと考えています (応答性があるはずです)。セルを正方形にするには、セルの高さをセルの幅によって決定する必要があります。問題は、一部のセルを複数のセルにまたがりたいことです。たとえば、2x1 セルを占める要素が必要です。基本的なグリッドレイアウトがあります: .grid-container{display:grid;grid-template-column

P粉593536104 2023-08-15 20:13:32 0  1  520

php - laravelロードバランシングはどのようにcsrf防御を実装しますか?

Laravel はデフォルトで csrf を有効にし、 csrf_token() を使用してランダムな文字列を生成し、ブラウザとセッション ファイルに保存します。次に、ブラウザから返された Cookie に基づいて対応するセッション ファイルを見つけ、比較用のトークンを取得します。負荷分散を使用し、複数のサーバーを構成する場合...

phpcn_u1582 2017-06-05 11:09:22 0  2  1002

サーバー - nginx+keepalived クラスターに必要なマシンの最小数は何ですか?

nginx+keepalivedクラスターを勉強していて、オンラインチュートリアルをいくつか確認しましたが、必要なサーバーの数がよくわかりません。 チュートリアルによると、「高可用性負荷分散」の効果を得るには、nginx+keepalived を 2 台のマシンにインストールするだけで済みます。チュートリアルのアドレス: http://blog.csdn.net/l102...

世界只因有你 2017-05-16 17:08:06 0  2  894

MySQL の複数列インデックスではフィールドの順序は重要ですか?

私はインデックスの重要性と、結合順序によってパフォーマンスがどのように変化するかを理解しています。複数列インデックスに関連する書籍をたくさん読みましたが、私の質問に対する答えが見つかりませんでした。複数列のインデックスを作成する場合、それらの指定順序が重要かどうかに興味があります。私の推測は「ノー」で、エンジンはそれらを順序が重要ではないグループとして扱います。でも検証したいんです。たとえば、mysql Web サイト (http://dev.mysql.com/doc/refman/5.0/en/multiple-column-indexes.ht) から

P粉002023326 2023-10-21 22:05:44 0  2  690

javascript - ng のフォームにパラメータ値を渡すときに問題が発生しました

ng では、対応するフィールド名がバインドされている限り、フォーム フォームを使用してパラメーター値を渡し、(ajax、POST リクエスト) 入力およびラジオ選択値を直接取得できますが、ここで問題が発生します。複数の選択を行う場合もこの方法でバインドされますが、最終結果は次の形式になります:index.php?studio_appoint...

巴扎黑 2017-07-04 13:44:28 0  4  851

group_concat が値を返さない場合、解決策はありますか?

条件に基づいて複数の行を列に変換するクエリを作成しました。ただし、条件を満たす行がない場合もありますが、何らかの結果を返したいと考えています。以下はテーブルと私が探している結果の例です。ソース表: idrespondent_id 人口統計に関する質問の回答 11 チェック済み 年齢 3021 空 教育修士 31 チェック済み 身長 1.8m 41 空 収入 $151 空 住所 国際宇宙ステーション 61 空 才能 ダンス 72 チェック済み 年齢 2082 空 学歴 高校 92 チェック済み身長 4m 102 空 収入 $3.2112 空住所 Gaohai 122 の空のタレントの変換後の歌唱...

P粉212971745 2023-08-30 19:44:24 0  2  616

JavaScript - 同じページ上で複数のタブの切り替えを実現するにはどうすればよいですか?

ここ 2 日間、Web サイトで作業しています。同じページにタブ切り替え効果が多数あります。ul>li と input[type=radio] を試しましたが、効果は良くありません。これらはのみ使用できます。 1 回でも複数回でも、問題が発生する可能性があります。すみません、これについて情報を提供できる人はいますか?どうもありがとうございます！私も...

我想大声告诉你 2017-06-12 09:23:46 0  2  726

画像をトリミングして移動します。グリッドレイアウト

画像を正しい位置に配置し、上下をトリミングするのに苦労しています。これは次のようになります (ヒーロー部分): https://www.behance.net/gallery/161732057/CozyMornings-online-store プロジェクト全体はグリッド上に構築されます。円形の画像を左に移動し、コンテナより大きく、上下をトリミングする必要があります。さらに、応答性が高い必要があります。画像をパッケージに入れようとしています。このラッパーに相対位置を与え、オーバーフローを非表示にします。これではありません

P粉548512637 2023-09-15 19:18:46 0  1  639

MySQL の同時ワーカー スレッドによるアトミックな読み取りと更新

MySQL テーブル (ジョブなど) を同時に読み書きできる複数のワーカーがあるとします。各ワーカーのタスクは、キューに入れられた最も古いジョブを検索し、そのステータスを RUNNING に設定し、対応する ID を返すことです。ワーカーがステップ #1 を実行するとき、条件を満たすジョブが存在しない (つまり、キューに入っている) 可能性があることに注意してください。これまでのところ、次の疑似コードがあります。ステップ #1 でジョブが返されない場合は、トランザクションをキャンセル (ROLLBACK) する必要があると思います。以下のコードでこれを行うにはどうすればよいでしょうか? BEG...

P粉239164234 2023-12-21 13:38:51 0  2  535

mysql 8 innodbでデータベースキャッシュをクリアする方法

同じ mysql8 データベースとテーブルに対して同じクエリを複数回実行しようとしました。クエリやテーブル自体をチューニングすることでパフォーマンスが向上するかどうかを実験して判断する必要があります。ただし、最初の試行後は、データがキャッシュされているため、応答時間が大幅に速くなりました。 mysql8innodb データを最初から取得するためにキャッシュをクリアするにはどのようなオプションを選択する必要がありますか。以前に提案された回答はすべて mysql8 ではなく mysql5 に関連しているようです。ほとんどのコマンドは現在非推奨になっているようです。サーバーを再起動せずに MySQL...

P粉571233520 2023-08-27 23:46:28 0  2  684

複数の要素を追加および削除するためのクラス (JQuery および JavaScript)

前回の質問でコードを編集するための適切な回答を得ることができました。前の質問へのリンク: 複数の要素のクラスの追加と削除 ここで、前のコードを開発し、アイコンをクリックしたときにコンテンツが表示または非表示になるようにコンテンツを追加しました。このコードの問題は、使用可能なアイコンをクリックすると、すべてのアイコンの内容が表示または非表示になることです。しかし、それは私が望んでいることではありません。各アイコンをクリックすると対応するコンテンツを表示し、別のアイコンをクリックするとすべてのコンテンツが非表示になり、クリックしたアイコンに関連するコンテンツのみが表示されるようにしたいと考えていま...

P粉042455250 2024-02-25 21:30:33 0  1  470

常に最後の行に少なくとも 2 つの項目が含まれるように項目をラップするにはどうすればよいですか?

画像の質問 私のクライアントは、もちろん、応答性の高い方法で車両をウェブサイトに掲載したいと考えています。ただし、既知の手法 (フレックス、グリッド) はすべて、最後の項目を次の行にラップします。絵でやろうとしたことですが、主人公にとっては非常に醜いものです。クライアントは次のことを望んでいます。 1 行あたり最大 5 つの項目 1 行あたり最低 2 つの項目 難しいのは、項目の数が動的である必要があることです。通常は 4 ～ 6 台の車ですが、次のように最後の 2 つの項目を選択できることがわかっています。item:nth-last-child(-n+2){order:2;/*setorde...

P粉023650014 2023-09-11 16:49:22 0  1  671