ReactJS Tabler/Bootstrap のモーダル遷移

いくつかの ReactJS コンポーネントを使用して Tabler ダッシュボードを構築しています。最初は通常の HTML ページと Jinja2 テンプレートを使用していましたが、一部のコンポーネントに ReactJS を実装し始めました。私は、react-tabler や bootstrap-tabler のようなサードパーティ ツールをあまり使いたくありません。なぜなら、実際には必要のない余分なパッケージが大量に作成されるからです。これらのパッケージを必要とせずに、ReactJS コンポーネントを使用して美しい Tabler ダッシュボードを作成することができました。私が今抱えている唯一...

P粉071559609 2024-02-17 19:44:05 0  1  487

グラデーションの背景で CSS3 トランジションを使用する

CSSを使用してサムネイル画像にトランジションを作成し、ホバー時に背景がフェードインするようにしようとしています。変換は機能しませんが、rgba() 値に変更するだけで正常に機能します。グラデーションには対応してないのでしょうか？画像を使用してみましたが、画像も変換されません。別の投稿で誰かがそれを行っているので、これが可能であることはわかっていますが、正確な方法はわかりません。ヘルプ > 使用できる CSS は次のとおりです: #containerdiva{-webkit-transition:background0。

P粉217629009 2023-08-23 21:25:42 0  2  674

JavaScript - CSS3 移行の互換性の問題

TV ボックスでトランジションを使用します。互換性の後も、transition:transform .1s Linear にはトランジション効果がありませんが、すべての属性にトランジションを持たせたくないため、transition:all .1s Linear を使用すると効果があります。その理由は何ですか? ?アドバイスをお願いします、よろしくお願いします。

ringa_lee 2017-05-19 10:29:36 0  1  660

Vue トランジションは router-link と $router.push では機能しません

次の App.vue ファイルがあります: <scriptsetup>import{RouterView}from "vue-router";</script><template><RouterViewv-slot="{Component}"><transition:name="fade"mode = &q

P粉253518620 2023-12-26 15:05:01 0  2  620

この React 18 アプリケーションでtransition(myComponent) が失敗する原因は何ですか?

私は React18 と Movie Database (TMDB) API を使用して SPA を開発してきました。現在、FramerMotion を使用してルート間にトランジション (ページ) を追加しています。これを行うために、次の内容を含むtransition.jsファイルを/srcに追加しました: import{motion}from "framer-motion";consttransition=(OgComponent)=>{return()=&gt

P粉717595985 2024-03-28 19:34:04 0  2  403

0ms スリープを省略すると CSS トランジションが中断されるのはなぜですか?

FLIP アニメーションを実装して、正しく理解できているかどうかを確認しようとしています。このコードペン (間違ったコードですみません。ただいじっているだけです) で、sleep をコメントアウトすると、スムーズな移行が機能しなくなります。 div の位置が突然変わります。スリープ時間が0msなのでこれは不思議です。 importReact,{useRef,useState}from"https://esm.sh/react@18";importReactDOMfrom"https://esm.s

P粉659516906 2024-04-06 16:29:50 0  2  800

toggle 属性が使用されている場合、CSS トランジションを維持できますか?

左から右に移動する div があります。常に画面上に表示され、ウィンドウのサイズが変更されたときに位置合わせされないようにするには、画面のどちら側が近いかに応じて、左右の使用を切り替えます。

P粉465675962 2023-08-02 21:13:37 0  1  503

CSS テキスト アニメーションが読み込み時に過度にジッターする原因は何ですか?

あらゆるトリックを試しましたが、アニメーションは依然として非常に途切れ途切れです。キーフレームの代わりにトランジションを使用することが推奨されている別の質問でいくつかのアドバイスに従ってみましたが、トランジションを使用するだけでJavascriptを使用する必要があるようで、これは避けたいと考えています。スニペットは次のとおりです: /*//////////////////TOPNAVBARGRID//////////////////*/.grid-コンテナートップナビ{位置:absolu

P粉872101673 2024-04-01 23:54:24 0  1  567

インナーチャイルドの過渡期の火

これは再現可能な最小限の例です。 「トグル」ホバーの遷移端が起動し（これは望ましくありません）、途中で「a」が非表示になります。変換後に再度表示するには、「切り替え」をクリックします。スイッチが内部にあるため、これが起こっていることに気づきました（変更できません）。切り替え時に（どの変換が発生したかを検出せずに）変換を停止する方法はありますか。複雑になりすぎて、transitionend にはバグがあることがわかりました。私は setTimeout を使用したいと思います (CSS トランジションには少しばかげています)。 vara=document.querySelector(

P粉274161593 2024-04-02 14:38:29 0  1  403

CSS 表示プロパティの変換

私は現在、CSS の「メガ ドロップダウン」メニューを設計しています。基本的には通常の純粋な CSS ドロップダウン メニューですが、さまざまなタイプのコンテンツが含まれています。現在、CSS3 トランジションは「display」プロパティでは動作しないようです。つまり、display:none から display:block (または任意の組み合わせ) に移行することはできません。誰かがトップレベルのメニュー項目の 1 つにカーソルを置いたときに、上の例の 2 番目のレベルのメニューを「フェードイン」させる方法はありますか? Visibility: 属性で変換を使用できることはわかっていま...

P粉958986070 2023-08-23 12:27:32 0  2  636

アニメーション コンテンツの表示と非表示: トランジション効果を備えた HTML ページの作成

ページめくりのアニメーションを使用して、本の形でコンテンツを表示する Web サイトを作成しようとしています。各「ページ」のコンテンツに対してアニメーション化するさまざまな SVG 画像がありますが、これを行う方法がわかりません。基本的に、「ページ」ごとに HTML ファイルを作成せずに、コンテンツを希望どおりに表示または非表示にする方法はありますか?順序は少し重要です。Google に私のサイトをランダムな場所にリンクさせたくないのです。ありがとう！カルーセルを考えていますが、スライドショーはページ全体であり、アニメーションコンテンツ、アニメーショントランジションをサポートしており、テキスト...

P粉674757114 2023-09-10 17:41:45 0  1  697

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

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

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

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

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

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

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  661

AND、OR、NOT 演算子を使用した PHP 全文検索機能

初心者の質問: php と eloquent を使用して、検索文字列の全文検索を実装しようとしています。 $searchstring="+(被害者容疑者)+crime-covid";$searchresult=RssItem::whereRaw("MATCH(description)AGAINST('$searchstring'INBOOLEANMODE)")->ge

P粉076987386 2023-09-05 15:06:32 0  1  631

すべての PHP 型を文字列に変換する最短の方法

私は、いつか医療などの分野 (つまり「科学的」) に適用できることを願っている一般的なシステムを書いています。最良の方法は、php 内のすべてのデータを文字列で表すことだと思います (true は「true」、false は「false」など)。その理由は、php ではすべての値が一意の文字列表現 (php コード自体など) を持つためです。このプログラムの設計プロセスをスピードアップするために、この質問を投稿しました。数値やブール値など、一部の値は簡単に文字列に変換できます。オブジェクト、配列、リソースなど、簡単ではないものもあります。譲渡対象だと思いますが、

P粉369196603 2023-09-05 15:34:44 0  1  1053

他の列でグループ化しながらMySQLのDATETIME列の平均を取得する方法

次のクエリを使用して MySQL テーブルを作成し、データを設定しています: SETtime_zone='+00:00';CREATETABLEtimestamp_n_datetime(idINT,timeDATETIME,avg_timeDATETIME);INSERTINTOtimestamp_n_datetime(id,time,avg_time)VALUES("1","2023-01) -0310:

P粉460377540 2023-09-05 11:46:21 0  1  538

マルチデバイス (携帯電話) の同期 - React Native

すべてのユーザーのモバイル デバイスで同時に起動するライトショーを作成しようとしています (最大 2000 ～ 3000 人のユーザーが参加可能)。すべてのユーザーはインターネット (Wi-Fi またはモバイル データ) を使用します。私たちの FE では、サブスクリプションに Apollo を使用していますが、それは魅力的に機能します。しかし問題は、ユーザー A がユーザー B よりも早くサブスクライブされたイベントを取得できることです。これは、ユーザー A がユーザー B よりも早くゲームのプレイを開始することを意味します。ライトショー アーキテクチャがあり、ユーザーは早くも遅くも開始でき...

P粉151466081 2023-09-05 11:58:38 0  1  734