vue および vuetify コンポーネントに対するマウスオーバー効果

そこで、次の記事の例に示すようにマウスオーバー効果を再作成しようとしました: https://blog.prototypr.io/stunning-hover-events-with-css-variables-f855e7b95330 しかし、私の場合は Vue を使用したいと考えています。 vuetify ライブラリから v-card にホバー効果を適用する .js。これが私の試みです: https://codepen.io/pokepim/pen/NWdwOEq

P粉032649413 2024-03-27 16:31:16 0  1  383

CSS 表示プロパティのグラデーション効果

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

P粉608647033 2023-08-21 11:08:32 0  2  548

グレースケール SVG がアルファに変換されると明るさが低下するのはなぜですか?

SVGを使用して透明な「星空」効果を作成しようとしています。 Web ページ上の黒い背景要素内に SVG をインラインで配置しています。まず乱流フィルターから始めて、次にカラー マトリックスを適用して目的の効果を実現しました。 <svgxmlns="http://www.w3.org/2000/svg"><filterid="filter"><feTurbulencebaseFrequency="0.2&q"

P粉986937457 2024-02-26 18:01:19 0  1  287

JavaScript - ページ視差効果の実装について質問する

ページ効果: この効果の Jingzhe の模倣: 私は Zhihu で skrollr.js というライブラリについて初めて知り、それを学び、自分のページに適用しました。なぜなら、私のページは上記のような静的なノード、記事、写真ではないからです。リクエストによって取得され、段階的なリクエストは画像の内容によって異なります。

PHP中文网 2017-05-16 13:26:03 0  1  968

javascript - angular-cli は、同じサイズのファイルをパッケージ化するために ng build --prod と ng build --prod --aot を使用しますか?

図に示すように、ng build --prod を使用してコンパイルした後の完全なプロジェクトのサイズは 1713k です。ng build --prod --aot を使用した後でも、サイズはまだ 1713k です。 --aot には他の構成パラメータが必要です。効果的？ 4. それとも、--aot パラメータを使用する前に、ツリーシェイク最適化を実行する必要があると言うべきでしょうか?

天蓬老师 2017-07-05 10:39:00 0  2  850

React での依存関係のキャッシュと useCallback の参照について理解する

useCallback フックは関数参照のみをキャッシュしますか、それとも関数自体の値/結果もキャッシュしますか?また、依存関係配列で ref を使用すると、コンポーネントの ref と同様に実際に何らかの効果がありますか?そうでない場合、ref 値への変更が適切な効果をもたらすことを確認する方法はありますか?当初は関数参照のみがキャッシュされると考えていましたが、記事を読んだ後、 useCallback(fn,deps) が useMemo(()=>fn,deps) と同等であることを知り、これが実際に当てはまるかどうかはわかりません状態。さらに、コンポーネントの r を使用してみまし...

P粉044526217 2023-08-15 19:29:37 0  1  540

Tailwind CSS は VS コード プロジェクトに適用されませんか?

Laravel10.18.10を使用してプロジェクトを開発しており、VScodeでtailwind拡張機能をダウンロードしました。 tailwind コードを適用しようとすると、プロジェクトに適用されないようです。コードの上にマウスを移動すると、次のようなポップアップ ウィンドウが表示されます。ただし、表示されているページでは効果がありません。表示されたページ ちなみに、このファイルは /resources/views ディレクトリに保存されていますが、この問題の原因を知っている人はいますか? headwind 拡張機能をダウンロードしようとしましたが、それも機能しませんでした。二言で言いたい

P粉521697419 2023-08-16 18:34:03 0  2  475

CSS スタイルがサイトに適用されない

Bootstrap5を使用してWebサイトを作成していますが、index.cssプロパティがindex.htmlに適用されません。サービス カードの上にマウスを移動すると、背景が変化し、トランジション効果が得られます。ここからここまでになるはずです。ただし、サイトの背景をランダムな色に変更しようとすると、変更がサイトに反映されないため、HTML にリンクされている CSS に問題がある可能性があります。 @importurl('https://fonts.googleapis.com/css2?family=P

P粉613735289 2024-04-06 17:12:23 0  1  518

「PrimeVue ライブラリを使用する場合、Vue3 の :deep() セレクターは無効です」

私はvue3とPrimeVueライブラリを使用しています。 :deep() セレクターを使用して PrimeView コンポーネントの CSS フィールドをオーバーライドしようとしても、効果がありません。スコープ外のスタイルを使用する場合にのみ、変更が適用されます。なぜ機能しないのか混乱しています。 :deep() を使用したサンプル コード: <template><Toastposition='buttom-right'/></template><stylesc

P粉785522400 2023-08-29 23:45:06 0  1  571

css3 - CSS トランジション効果によりテキストがぼやけたりジッターしたりすることがありますか?

コード: テンプレート: {code...} CSS: {code...} いくつかの無関係なスタイルは削除されています。現在知られている状況は、右側の小さな三角形のトランジション効果です。 Chrome のドロップダウン ボックス。これにより、テキストがぼやけてジッターが発生します。backface-visibility: hidden; を追加すると、テキスト...

ringa_lee 2017-05-24 11:35:53 0  2  2410

自動検索プロンプト (補完) についてはすでに優れたソリューションが存在します。なぜ車輪を再発明する必要があるのでしょうか。

インテリジェント プロンプト機能の実装には、JavaScript、ajax、データベース、jsp/php に関する多くの知識が必要です。データ量が多い場合は、特別な最適化が必要です。小さな機能に多大な労力を費やすのは適切ではありませんが、ユーザーにとっては、入力コストを効果的に削減できます。入力ボックスに向かうときに、より多くのプロンプトが表示され、混乱したり無力になったりすることがなくなります。ウェブマスターにとっては、重要な情報を優先することができます。ウェブサイト。

panie 2017-06-29 16:03:09 0  1  1773

MUI スイッチで React Hook Form 7 を使用する方法

MUI スイッチで React-Hook-form を使用する場合、値が true に設定されていても、ページの読み込み時にスイッチに初期値が表示されません。ただし、ボタンに触れずにフォームを送信すると、値が true として定義されているスイッチに対して true が返されるため、これは表示の問題であるようです。さらに、これらのボタン (false として表示) を 1 回クリックしても効果はなく (ボタンは左側に残ったままになります)、2 回目のクリックで実際に再び切り替わります。フックを使用して初期値を設定します (他のすべてのフィールド タイプに適用されます): useEff

P粉231112437 2023-09-16 19:43:09 0  1  596

専門家とポーターの間のギャップ - 学習方法の力

特にインターネット技術の進歩がますます速くなり、競争圧力が高まっている今日の状況では、学習はありふれた問題であり、学習は社会生態学における「自然選択と排除の回避」に不可欠なスキルとなっています。学習には方法論が必要ですが、誰にでも合う学習法というものはなく、本当に効果的な学習法は人それぞれであり、自分に合った学習法が最適です。以前、効率的な学習の共有に関する記事を読んだことがあります。そこでは、迅速な学習のための 4 ステップの方法が紹介されており、そこから多くの恩恵を受けました。この記事では、個人の学習経験を組み合わせて改良し、学習プロセスを 8 つのステップに分けます。 ステップ 1: 目...

GavinHsueh 2018-06-14 16:01:02 0  3  1016

外部リンクリソースとは何を意味しますか?

外部リンク リソースは、受信リンク、外部リンク、フレンドリー リンクなどとも呼ばれます。SEO を行うには、外部リンク リソースの使用方法を知る必要があります。外部リンクは、他の Web サイトからあなたの Web サイトへのリンクです。他の Web サイトはホームページまたは内部ページであり、あなたの Web サイトへのリンクはホームページまたは内部ページです。どのページを指すかは、そのページの重みに影響し、Web サイトの可視性とランキングをすぐに高めるのに役立ちます。外部リンクは可能な限りアンカーテキスト形式でお願いしますが、単純なリンクであればPR効果にもつながります。つまり、外部リン...

dasein58 2021-09-20 00:25:25 0  1  1530

css3 - スクロール バーが下にスライドしたときにページの各部分が表示される効果を実現するにはどうすればよいですか?

Web サイトを見ました。スクロール バーが下にスライドすると、ページのすべての部分に最初に読み込まれたときと同じ効果が表示されます。再度更新すると、これらの効果が再び表示されます。これはどのように行われますか? jqueryのロードで書かれているのでしょうか? このWebサイトのトップページ http://www.itxdl.cn/bra... に似ています。

漂亮男人 2017-06-05 11:10:23 0  2  1801

javascript - 図に示すように、js または css3 を使用して要素の境界線の動的な効果を実現するにはどうすればよいですか?

栄光の王のアバターフレームのように絞りは1つでも良いのですが、どうすれば実現できるのでしょうか？

仅有的幸福 2017-06-30 09:57:39 0  2  1173

問題 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

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