Safari は円形アバターの CSS をサポートしていません

私のブログは gatsbyReact テンプレートを使用していますが、Safari (iPhone または Mac) で開くとアバター画像が丸くなりません。 Simple Code Blog これは私がアバターに使用するスタイルです。 bio-avatar{margin-right:var(--spacing-4);margin-bottom:var(--spacing-0);min-width:50px;border - 半径:100%;}

P粉779565855 2024-02-17 18:38:55 0  1  449

このように日付をカウントするにはどうすればよいですか?

このWebページのような時計/カレンダーを作りたいです。 https://uawar.net/stats これのHTMLコードにjsが必要かどうかはわかりません。しかし、Web ページの div-counter 時間を確認すると、「」となり、時間が紫色に点滅します。このような時計/カレンダーを作るにはどうすればよいですか?

P粉823268006 2023-09-09 11:42:33 0  1  542

新しいページが読み込まれるたびに React サイドバーが揺れる原因は何ですか?

コンテキストとして、私は React-Bootstrap のライブラリを使用しています。コード内の href をクリックするたびに、サイドバーが 0.5 秒間揺れ、まるでスタイルが設定されていない状態にリセットされてから通常の形式に戻るかのように見えます。なぜこれが起こっているのか知っている人はいますか?私のコードが遅すぎるからでしょうか?これが私のサイドバーコードです: importReactfrom"react";import"../../App.css";import{Nav,Navbar}from

P粉055726146 2024-03-21 22:14:24 0  1  274

JavaScript - コールバック関数と通常の呼び出し関数の違いは何ですか?

コールバック関数の定義は、関数 b を引数として a に渡して実行することですが、このとき b がコールバック関数になります 突然ですが、関数 a 内で直接 b を呼び出すのと何が違うのでしょうか？自分でデモを書きました {code...} 出力結果を確認するまでに 3 秒ほどかかり、それをコールバック関数の形式に書き換えました {code...}

欧阳克 2017-06-26 10:53:07 0  2  1392

JavaScript の基本メモ

JavaScript1. JS と DOM の関係. ブラウザには HTML コードをレンダリングする機能があります. HTML ソース コードはメモリ上で DOM オブジェクト (ドキュメント オブジェクト) に形成されます. 内部には JS インタプリタ/実行/エンジンがあります例えば、chrome は v8 エンジンを使用しています html に JS コードを記述します JS コードがエンジンによって実行され、その実行結果が DOM の動作となる、などの特殊効果がよく見られます。画像が浮かんだりテキストの色が変わったりするので、ブラウザが実行するとHTMLコードに遭遇し、レンダリング、...

只是没有如果 2018-11-19 20:33:14 0  0  1065

onclick() 関数による画像の変更

オブジェクトをクリックすると、ある写真を別の写真に変更したいと考えています。コードは次の順序でスタックされます。 私が望むのは、クリックすると、画像が色付きの画像、つまり別の画像に置き換えられることです。これで、JQuery/JS を使用して実行できることがわかりました。しかし、このような単純な機能を実現するために大量の JS コードを追加したくありません。これを達成するより簡単な方法はありますか? pseudo-selector.activeクラスのようなメソッド？分かりません。

P粉242535777 2023-08-18 08:53:28 0  1  470

javascript - 1 開発者ツールでのキャリッジ入力、2 カンマ 括弧の意味は何ですか?

Q1 開発者ツールとコンソールを使用して、js コードを入力します。 Enter キーを押すとどうなりますか?下図の出力とエラーはどのように解釈すればよいですか? Q2 変数の宣言と定義に加えて、カンマがあり Enter をクリックした場合はどうなりますか?以下の図の出力とエラーをどのように解釈すればよいですか? Q3 括弧演算子を追加した後、Enter キーを押します...

怪我咯 2017-05-19 10:34:20 0  3  601

HeadlessUI ポップアップはモバイル デバイスではクリックできません

モバイル デバイスを使用しているとき、または Chrome デバイスのツールバーでページを表示しているときに、HeadlessUI ポップアップ メニューをクリックしようとすると問題が発生します。通常のデスクトップブラウザモードでは問題なく動作するようです。コード サンドボックスで数時間をかけてテストし、コードを最も単純な形式に絞り込みました。これは、ここで表示およびデモできます: https://codesandbox.io/s/react-tailwind-rive-animation-tap-issue-bxlt95 ?file=/src/App.js

P粉848442185 2023-09-06 12:27:55 0  1  504

まだ実行中のjsコードを削除します

要素がページから削除されても、js コードは引き続き実行されます。 React-jsでコーディングするときの最初の困難。ページはリロードされないため、setInterval、websocket などのコードなどの初期スクリプトはまだ実行されています。以下の簡単な例では要素が削除されていますが、まだ実行されています。グローバル変数 <buttononclick="createNewJsCode()">createnewjs</butt) を使用して作成する必要がある場合は機能しません

P粉864872812 2024-02-17 18:08:32 0  2  512

3 つの SVG ファイルをページ上で中央揃えにするにはどうすればよいですか?

3 つの個別の SVG ファイルがあり、それぞれを重ね合わせるとグラフィックが作成されます。最初の SVG ファイルは赤い三角形、2 つ目は三角形の内側にある青い円、3 つ目は三角形の底辺にある紫色の長方形です (三角形と長方形の間には少しスペースがあります)。私の目標は、3 つの SVG ファイルすべてをページの中央に重ねて配置することです。以下は私の HTML と CSS コードです。 *{マージン:0;パディング:0;ボックスサイズ:ボーダーボックス;}.graphic{高さ:1

P粉998100648 2023-09-07 14:20:58 0  2  578

タイトルはすでに明示的かつ明確であるため、書き直すことはできません

私は ReactNative で Flashlist を使用しており、renderItem 関数で useCallbackhook を使用しています。私のコンポーネントには todos という状態 (配列) があり、todos.length をログに記録すると、初期状態値 0 のみが取得されます。なぜこれが起こっているのでしょうか?どうすれば修正できますか? exportdefaultfunctionMyComponent(){//簡潔にするために、一部のコードは省略されています。 const[todos,s]

P粉253518620 2023-08-15 18:38:17 0  1  405

JavaScript のスコープ設定: 特定の要素のみを操作するにはどうすればよいですか?

ページ上の特定の要素でオープン クラスを切り替えるという 1 つのことだけを行う非常に単純な JS コードがあります。問題は、重複した .clickSlide 要素と .sub_menu 要素が 4 つあり、そのうちの 1 つをクリックしてコードをトリガーすると、すべての要素がオープン クラスを取得してしまうことです。フォーカスされた要素のうちの 1 つだけがオープン クラスを取得する必要があります。私の推測では、これが JS のどこかに欠けているのではないかと思います。しかし、私はこの問題の解決策を歓迎します! jQuery(ドキュメント).ready(関数

P粉884548619 2023-09-08 20:36:06 0  1  616

Vue 3 + モジュール フェデレーション: モジュール型 Vue 3 アプリケーションの実装

Vue3 と ModuleFederation を使用して単純なマイクロ フロントエンドのサンプルを構築しようとしていますが、競合の問題が発生しています。ここにコードがあります: https://github.com/ghalex/mf-example マイクロフロントエンドは 2 つだけです: コンテナ (Vue3) 承認 (Vue3) 私の問題は、App.vue コンポーネント://index をインポートするときです。 .js-importAppfrom'./components/App.vue'//コンテナ内の

P粉448346289 2023-08-26 21:46:40 0  1  656

Reactアプリケーションでライブサーバーを使用できない理由は何ですか?

ライブサーバーを使用して React アプリケーションを提供できないことはわかっています。つまり、js がバンドルされて HTML ファイルにリンクされている場合でも、ファイルを静的に開いた場合、React コードはレンダリングされません。静的サーバーと動的サーバーについて学びましたが、React はすべてクライアント上で行われるため、webpack、vite、または単純な Express サーバーを使用してアプリを提供することが機能するのに、ライブ サーバーを介したり、手動で開いたりしたりすることができない理由が理解できません。仕事。違いは何ですか?

P粉131455722 2023-08-28 10:32:47 0  1  513

nuxt のビルドと生成

いつ何を使うか分かりません。 nuxtbuild を使用すると、2 つのディレクトリ (クライアントとサーバー) を取得できます。これは、実際に node.js サーバー (つまり、express ですよね?) をデプロイしていることを意味します。 nuxtgenerate を使用すると、両方の方法で機能すると思われる .html を取得できます。 優れた SEO の追求。私にとって、nuxtgenerate オプションはサーバーを関与させないため、よりクリーンに思えます。ここで何が足りないのでしょうか？ nuxtbuild を使用してサーバー コードを難読化する必要があるのはなぜですか?

P粉713866425 2024-03-26 08:43:40 0  1  345

書き直されたタイトルは次のとおりです: PHP ボタンを jQuery および POST メソッドと組み合わせて戻り値を取得する

ユーザー名を取得する単純なフォームがあり、次のことを実現したいと考えています。ユーザーがボタンをクリックすると、複数のクリックを防ぐためにボタンが無効になります（実際の場合、すべてのデータを処理するのに数秒かかる場合があります。 API の呼び出し、データベースへの書き込みなど); クリックした後、PHP で $_POST['username'] をキャプチャし、リクエストをさらに処理するために、新しい POST リクエストを発生させる必要があります。この目標を達成するにはどうすればよいでしょうか?コードは次のとおりですが、期待どおりに動作しません: <?phpsession_start...

P粉738821035 2023-09-05 08:42:27 0  2  533

質問は同じですが、タイトルは次のように書き換えられています: Javascript のランダム関数が有効な応答を生成できません

JSとHTMLを使用して簡単な乱数生成ゲームを作成しています。このゲームでは乱数の最小値と最大値を設定できます。しかし、変数を設定して結果を記録すると、ありえない数値が表示されます。たとえば、最小値を 50 に、最大値を 100 に設定すると、58650、16750、または 31450 のような答えが表示されます。設定した最小の数値が常に最後に表示されることに気付きました。形式を変更したり、コードを変更したりしてみましたが、何も機能しないようです。この問題の解決策を知っている人はいますか?ご協力をよろしくお願いいたします。 ！

P粉682987577 2024-04-03 22:03:14 0  1  370

問題 2003 (HY000) を修正する方法: MySQL サーバー 'db_mysql:3306' に接続できません (111)

最近、FastAPIPython サーバーをコンテナ化しようとしました (レプリケーション/二重化の目的でもあります)。以前は、Docker コンテナーに MySQL サーバーだけを入れてすべて問題なかったのですが、Web サーバーもサービスにしたところ、MySQL サーバーに接続できなくなり、アプリケーションが動作しなくなりました。以下は、アプリケーション fromfastapiimportFastAPIimportmysql.connectorapp のサーバー データベース初期化コネクタのコード スニペットです。

P粉178132828 2023-09-05 11:18:47 0  1  732

クエリ制限後のソートを試してみる

それで、これが私の最初の質問です、何か間違っている場合はご容赦ください。制約に基づいて並べ替えクエリを作成しようとしています。つまり、90 個のレコードを持つ Customers テーブルがあります。まず 3 レコードに制限されたクエリを実行し、次にこのクエリの結果を ContactName という列で並べ替えたいと考えています。これはネストされたクエリである可能性があると思います。ネストされたクエリは SQLServer では正常に実行されますが、MySQL で実装する方法がわかりません。制限クエリ: Select*fromcustomerslimit

P粉237125700 2023-09-05 14:46:42 0  1  664

CSS グリッド: 子コンテンツが列幅をオーバーフローした場合に新しい行を作成する

CSS グリッドに基づいた 2 列のレイアウトがあります。 2列目の内容が1frを超えた場合、新しい行を作成したいと思います。現状では、コンテンツが単に列から溢れてしまいます。このレイアウトの要件の 1 つは、右側のメニュー列の項目が 1 行にあることです。これを次のように実行します。 .right-menu{...grid-auto-flow:columndense;...} Grid-auto-flow 属性を削除すると、オーバーフローが停止します。ただし、アイテムは複数の行に積み重ねられており、これは私が望むものではありません。 .riも変換してみました

P粉212114661 2023-09-05 15:18:28 0  1  559