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

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

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

java - ログを均一に処理するときに機密情報をより適切にシールドする方法

Java を例に挙げて、統合された方法でログを処理するときに機密情報をより効果的かつ効率的にシールドする方法について説明します。 1. たとえば、aop を使用してログを記録する場合、またはフィルタを使用して http リクエスト パラメータを記録する場合; 2. 多くの場所で、パスワード、ID 番号、銀行カード番号などの機密情報をシールドする必要がある場合があります。より便利で煩わしいものにします...

给我你的怀抱 2017-05-17 09:59:05 0  1  895

Chrome 拡張機能がパスとファイルにアクセスできるようにする方法

Opera 拡張機能を作成していて、拡張機能のパスに保存されているいくつかの画像を取得したいと考えています。このプラグインが行うことは、特定の Web ページで、背景画像の URL と一部のアイコンを拡張機能内のカスタム アイコンに変更することです。ただし、スクリプトを実行すると、すべてが非表示になり、画像のロードに失敗します。ロガー内では chrome-extension://invalid/net::ERR_FAILED が表示されますが、パスをログに記録すると正常に見えます。マニフェスト.json ファイルには、Web があります。

P粉644981029 2024-02-26 23:12:34 0  1  820

CSS: テキストの横にアイコンを配置するにはどうすればよいですか?

このような親 div 要素 (display:flex) があり、テキスト - スパン要素 (i) アイコン - div 要素の 2 つの子要素が含まれています。テキストが 1 行のみ (折り返しなし) の場合は、すべて正常に機能します。ただし、折り返す場合（2行以上）、要素の幅は最も太い行に基づいて調整されるため、長さが長い場合はテキストを折り返すようにしたいと考えています。上の例では、(i) アイコンを NORTH の隣に置きたいと思います。 (i)のアイコンをNORTHの横に置きたいです。

P粉668146636 2023-08-17 14:39:36 0  1  509

タイトルの後に拡張アイコンが付いているカスタムパッド拡張

for ループ内でマット展開パネルを使用してマット アコーディオンを作成しようとしています。問題は、各拡張機能の前にチェックボックスを追加するなど、いくつかのカスタマイズを行う必要があり、拡張機能アイコンを特定のテキスト (この場合は本のタイトル) の後に配置する必要があることです。私の理解では、展開パネルのアイコンは最後または最初に配置できるため、配置がわかりにくいです。パッド エクステンションは同じ目標を達成するのに適したコンポーネントだと思います。パッド拡張機能の実装方法についてガイダンスが必要ですか? それとも検討すべき別のアプローチはありますか?

P粉662802882 2024-04-02 12:39:50 0  1  560

HTML マークアップで SVG を直接使用すると、ボタンに役割を割り当てたり、必要なホバー効果を付与したりすることができません

2 つの機能を実行するアイコンを持つコンテナがあります: ボタンのように動作します (キーボード/スクリーン リーダーなどを介してアクセス可能) ホバー/フォーカスで赤になります。 マークアップ内で SVG を直接使用すると、ホバー効果が停止します。期待どおりに機能しますが、img タグを使用する場合のように SVG にボタンの役割を割り当てることはできません: .container{height:500px;width:400px;background-color:lightblue;position:relative;}.favorite

P粉940538947 2023-09-06 20:29:59 0  1  615

Node.js と jsonwebtoken バックエンドを使用して Vue.js 認可認証を実装するにはどうすればよいですか?

今後の学生プロジェクトの認証を設定するために vuejs と nodejs を学んでいます。これを行うために、クリックしてキャラクターの履歴を表示できるキャラクター カードを作成できる API を作成しました。それはうまく機能したので、認証部分をハッキングして、ユーザーの作成を許可し、最後のものをjsonwebtokenに接続することができました。バックエンドではすべてが機能しますが、フロントエンドにいるときは文字にアクセスできますが、ユーザーが接続すると機能しません。何も動作しない場合は、私が書いたエラーを返します。接続時にトークンが正常に作成されるように指定したいので、

P粉415632319 2024-01-16 17:22:16 0  1  492

Vue の水平スクロール

マウスでアイコンを横にスクロールしたいです。 JavascriptのscrollLeftで試してみましたが、スクロールしても値は変わりません。スクロールすると、deltaY 値のみが 100 と -100 の間で変化します。どこに問題があるか知っている人はいますか?スクロールしてスクロールバーをマウスオーバーすると機能しますが、divコンテナ全体で機能したいと考えています。また、可能であれば依存関係/npm-librariesなしでこれを実行したいと考えています。テンプレート<divclass="iconsfl

P粉755863750 2024-03-25 21:06:27 0  2  548

javascript - for ループ コードの実行順序に関する質問

WeChat アプレットでは、キャンバスをクリックして画像に変換してプレビューする機能が実装されていますが、for ループ内で非同期メソッドを呼び出す必要があるため、オンラインの提案を参考に、アプレット内の即時実行機能を使用しています。 for ループ. 多くのテストを行った結果、コンソールが最初に「ループ インデックスは 1」と出力する場合があることがわかりました...

高洛峰 2017-06-24 09:43:08 0  1  789

単一のグリッドまたは Flex を使用して多様なカード レイアウトを作成する: 実用的なガイド

写真のようなレスポンシブカードレイアウトを作成しようとしています。私が現在行っているのは、コンピューター、タブレット、モバイル デバイス用に個別のレイアウトを作成することです。次に、メディア クエリを使用して、他の 2 つのビューの表示プロパティを display:none に設定します。例: [コンピュータ] ビューにいる場合、コンピュータのカード レイアウトではディスプレイが「なし」に設定されていませんが、他の 2 台のコンピュータではディスプレイが「なし」に設定されています。これは機能しますが、多くの冗長性が生じます。 Flex または Grid を使用して 3 つのレイアウトすべてを実...

P粉808697471 2024-04-02 21:07:36 0  2  594

nw.js バイナリをサブフォルダー内のアプリケーションと共有する: 効率的な配布のためのガイド

したがって、次の問題があります。私のプロジェクト (このプロジェクト) は、web2exe を使用してバンドルされた 2 つの異なる nw.js アプリケーションに依存しています。 1 つはセットアップ用で、もう 1 つは GUI がなく、起動時にバックグラウンドで実行されます。 2 番目のアプリケーションも、トレイ アイコンの表示やウィンドウの非表示などの操作を実装するために nw に依存しています。そうでない場合、これらの操作はバッチ ファイルやシェル スクリプトなどのプラットフォーム固有のスクリプトを通じて実装する必要があります。この解決策は正常に機能しますが、システムはツリー内の通常の...

P粉465287592 2024-01-17 08:58:39 0  1  574

JavaScript のパフォーマンス制限を特定する

Javascript のボトルネックを見つけようとしています。基本的に、私はJavaScriptで書かれたChrome拡張機能を開発していますが、タスクの実行には4〜5秒かかります。このタスクには多くのコードが含まれており、開発ツール/Chrome に組み込まれている print ステートメントを使用しても機能しません。開発ツールは私の Javascript が実行されていることさえ認識していないようです。役に立つと思った提案やツールを持っている人はいるでしょうか?

P粉684720851 2023-10-31 20:47:17 0  1  742

テーブル行内のページネーションを回避する方法

HTML を PDF に変換するときに、wkhtmltopdf を介したテーブル行内のページネーションを避けたいと考えています。 tableでpage-break-inside:avoidを使用したところ、機能しましたが、行が多い場合は機能しませんでした。表示をブロック等に設定している場合、表の書式が変更され二重枠が挿入されます。または、各ページに表ヘッダーを挿入して、表が分割されたときに表示することもできます。

P粉529245050 2023-08-20 20:24:22 0  2  654

JavaScript - Chrome ブレークポイントをデバッグすると、vm で始まる多くのファイルが頻繁に表示されますが、シークレット モードでは表示されません。これらをブロックするにはどうすればよいですか?

問題は以下のとおりです。 解決策の試行（失敗） Chrome ステルス モードでのデバッグ時に多数の VM が表示されなかった（少数ではあるが、開いたときに空のページが表示される）ため、インストールされているプラ​​グインが原因であると考えられますBlockboxing パネルでプラグインの JS をブロックしましたが、まだ機能しません。すみません...

欧阳克 2017-07-07 10:34:06 0  2  2478

暗号化せずに PHP コードを保護する効果的な方法

まず第一に、私は奇跡を求めているわけではありません...私は PHP がどのように機能するかを知っていますし、暗号化を使用せずにコードをクライアントから隠す実際の方法はありません。ただし、これには実行中のサーバーに拡張機能をインストールするコストがかかります。別のものを探しています...コードを暗号化したくないし、難読化することさえしたくありません。暗号化/難読化されたコードを持たない PHP スクリプトは数多くありますが、それらは商用アプリケーションです。たとえば、vBulletin や IP.Board フォーラム アプリケーションなどです。この人たちはどのような方法で申請を行っているのだ...

P粉763748806 2023-10-16 13:38:10 0  2  706

WinサーバーでPHPコードを自動的に実行するにはどうすればよいですか?

ブラウザが切断された後も PHP コードが実行し続けられることを願っています。多くの方法を試しましたが、どれも機能しません。結果に関係なく、シンプルで直接的です。 12345678910 <?phpignore_user_abort();//ブラウザと PHP スクリプトを閉じますcan continue toexecute.set_time_limit (0);// set_time_limit(0) により、プログラムは無制限に実行できます ini_set('memory_limit&#39

朱 2022-06-06 23:17:51 0  4  1668

PHP はシリアル ポートのリアルタイム通信を実現できますか?詳しい方法を聞く

PHP はシリアル ポートのリアルタイム通信を実現できますか?インターネット上で非常に多くの例を見つけました。彼らはすべてライターです。コードがまったく機能しないか、主に LINUX 用です。同様のプロジェクトを行ったことがあり、詳細な解決策と指針を持っている人はいますか? ありがとうございました。 ！

phpcn_u5220 2017-06-19 00:51:34 0  2  1248

javascript - ハノイ塔のアルゴリズムについて質問する

JS は再帰を使用してハノイの塔を完成させる手順を実装します。多くの学生がそれを実行できると思います。暇なときに、リマインダー機能を備えたハノイの塔ゲームを作成しました。ユーザーがリマインダーをクリックすると、プログラムは再帰を使用して完了ステップを実装し、このステップに従ってページ要素を操作して実装します。 。部分コード...

漂亮男人 2017-05-19 10:43:07 0  2  2654

Mysql シェルから複数のデータベース (スキーマ) を含む SQL ファイルを実行するにはどうすればよいですか?

MysqlWorkbench を使用して、複数のスキーマを 2GB の SQL ファイルにエクスポートします。さて、インポートしたいと思います。問題は、これまで見てきた例では、コマンドがスキーマごとにあることです。 mysql -h hostname -u userdatabase <path/to/test.sql 私のファイルには、複数のスキーマからの多くのテーブルが含まれています。どのように機能するのでしょうか?サイズが大きすぎるため、MysqlWorkbench に貼り付けたり、プログラムから実行したりできません。

P粉194541072 2024-03-29 10:04:36 0  1  367

useEffect と ReactStrictMode の使用: パフォーマンスと信頼性のために React コンポーネントを最適化する

コンポーネントが非常に重いため、配列の一部を「loadedData」という新しい配列にロードし、ロードされたデータのみを表示したいという課題があります。ただし、最初のロード時に useEffect が台無しになるため、多くの問題が発生します。最初のロードは 2 回行われ、最初のデータはレンダリングごとに 1 回配列にプッシュされます。 「reactStrictMode」を削除すると期待どおりに機能しますが、その結果を理解せずに「不正行為」をしたくありません。私よりも問題をよく理解している人がそれを入力しました

P粉739706089 2023-08-18 16:06:50 0  1  626