JavaScript - 時間に基づいて画像を動的に置き換えるときのちらつきの問題を解決するにはどうすればよいですか?

写真の苗には 3 つの成長状態があります。img タグの src を動的に変更するためにカウントダウン方式が使用されています。Android では良好に動作します。iOS では、苗が 1 回カウントされ、苗が 1 回点滅する状況が発生します。原因が分かりません、何か解決策はありますか？ js は次のように書かれています (非常にクソです、スプレーしないでください~)

仅有的幸福 2017-05-19 10:16:06 0  3  609

Reactjs SVG アイコンは同じ CSS にもかかわらずサイズが異なります

私はreactjsを使ってウェブサイトを構築するのは初めてです。私は React Icon Library の ReactJS アイコンを使用しています。これらのアイコンが Web サイトの同じ部分で繰り返される場合、そのサイズは異なります。参考までに写真を添付し​​ます。」 checkを使って確認しました。小さいアイコンのパスは 9.97x9.97 ですが、通常の表示のパスは 14x14 であることを示しています。パスの意味がわからないし、アイコンのサイズが異なる理由もわかりません JSX コードは (例) importReactfrom'react'imp です

P粉184747536 2024-04-01 13:18:38 0  1  510

小さな画面でタブを非表示にする方法は?

ラベルとアイコンを含む antd メニューがあります。これはデザインの最小限の表現です。 Codesandbox ここで私がしたいのは、ラベルを非表示にし、メニューに楕円が表示され始めたときにのみアイコンを表示することです。私は CSS にあまり詳しくないので、この機能を antd 経由で実現できるかどうか疑問に思いました。

P粉520204081 2023-08-17 12:53:57 0  1  622

スライディング検証を行うにはどうすればよいですか?

現在、多くの Web サイトでは、以前の認証コード入力の代わりに登録フォームの下にスライド認証があり、小さなアイコンを大きな画像の対応する位置にスライドさせると、認証に合格します。

朱 2019-08-17 04:43:08 0  1  1480

問題: 画像の読み込みが遅すぎる

Html、Css、Js、Phpを使ってクレイグリスト風のWebサイトを作りました。ユーザーが 1mb を超える画像をクリックしてアップロードすると、ページが非常に遅くなるか、失敗します (503 エラー)。 100kb以下の画像であれば問題ありません。 PHPページには、type=file inputタグとpreview imgタグを含むフォームがあります。 >ここでは問題ありません。ユーザーが送信ボタンをクリックすると、フォームは入力タグの値をアップロード コードを含む別の PHP ページに渡します。質問: サーバーにアップロードする前の最適な画像スケーリング

P粉676821490 2023-08-17 22:40:08 0  1  660

Safari の MediaStream がリソースを正しく解放できない

AudioWorkletNode メソッドを使用して録音していますが、すべてのブラウザで正常に録音されているようです。録音中、録音アイコンがタブに表示され、録音が終了すると消えます。ただし、Safari では、マイク アイコンの代わりに、小さなスピーカー アイコン (通常、タブが音を発していることを示します) がタブに表示されます。だから私は何かを閉じないかもしれないと思います。録画が完了したら、次の操作を実行します。 //stream は MediaStream タイプ if(stream)stream.getTr

P粉106715703 2023-08-30 17:23:15 0  1  531

Vanilla JS setTimeout(): 間違った動作の特定

ハンバーガー メニューのアニメーションを HTML、CSS、およびバニラ JavaScript で作成しました。期待される結果 ハンバーガー メニュー ボタンをクリックすると、次のイベントが発生します。 ハンバーガー メニュー アイコンをクリックすると、メインが 180 度回転し、2000 ミリ秒で高さに沿って縮小します。 2000 ミリ秒が経過すると、メニューが表示され、ハンバーガー アイコンが X に変わります。終了ボタンをクリックしてください: ページをさらに 180 度回転します メニューをオーバーレイします メニューを非表示にします: display:none; 終了ボタンをハンバー...

P粉797855790 2024-04-02 20:44:40 0  1  468

ダッシュ アプリ内のさまざまなコンテナーのコンテンツを交換するにはどうすればよいですか?

以下のことを行うのに非常に苦労しています。さまざまなコンテナーに表示するために CSS でフォ​​ーマットされたダッシュ アプリケーションがあります。 「hexgrid-1-container」というラベルの付いたコンテナーが最大のコンテナーであり、他のコンテナーはより小さく、その周りに編成されています。ダッシュ アプリを更新して、別のコンテナー内の図/グラフィックをクリックするたびに、前の図が「hexgrid-1-container」にあった「hexgrid-1-container」に表示されるように、小さいコンテンツに表示されるようにしたいと考えています。

P粉378890106 2024-02-26 22:35:55 0  1  603

クリックしたときにテキストが新しい要素 (区切り線など) に変わるようにするにはどうすればよいですか?

ページ上の特定のテキストをクリックすると区切り文字/新しい要素に変わる方法を見つけようとしています。どう説明したらいいのかわかりませんが、画像の下にタイトルがあると想像してください。タイトルをクリックすると、上の画像がテキスト ボックス/別の画像/スクロール可能なセパレーターのようになります。ここでは、右側の頭蓋骨の絵文字をクリックすると、左側のボックスに新しい div/画像が表示されるというページの効果を実現しようとしています。ソースコードを見て、この効果を実現するために彼女が何をしているのかを確認していますが、まだわかりません。 w3schoolsonを使用しようとしています

P粉872101673 2024-04-04 11:21:03 0  1  3825

ウェブサイトアップロード後にブラウザが認識しない問題について

皆さんこんにちは、サーバーを始めたばかりで分からない事が多いのですが、アドバイスを頂ければ幸いです、よろしくお願いします。ローカルホストで360ブラウザを使用して自分のWebページをローカルに作成し、それは正常でした（これがコードを書くための条件です）が、Alibaba Cloudのecsを購入してアップロードしたため、ドメインに入るのが待ちきれませんでした結果を見たときはパニックのあまり顔面蒼白になり（子供の頃に困ったときのように）、スタイルもガラリと変わり、icoアイコンも変わりました。が表示されず、マウスを右クリックしてもレビュー要素が選択できませんでした。F12、IE ブラウザのものが...

缺一个女朋友 2017-11-24 22:09:26 1  3  1702

Visual Studio Code: 変数名でドル記号を明確に分離するための効果的な手法

Atom から VisualStudioCode に切り替えたばかりで、ドル記号と変数名を視覚的に分離する方法を探しています。 Atom では、個人用 CSS スタイルシートを編集することで、このようなことが可能になります。いくつかの CSS ルールを適用すると、これを実現できます。ドル記号と変数名の間にスペース文字がなく、編集カーソルがドル記号から識別子にジャンプします。 VisualStudioCode で同様の機能を実装する方法を見つけようとしましたが、失敗しました。 VSC に Atom などの開発ツールがあることは知っています。調べてみました

P粉543344381 2024-03-21 20:31:19 0  1  558

日付順に並べ替え、複数のエントリの最新および前のエントリを取得するには IN を使用します

私の目標:stock_id のリストがあり、stock_id ごとに最後の入札 (日付でソート) を取得したいと考えています。この写真の場合、これは私が欲しいことを意味します:stock_id bid 3663.91953146.4428129.02798 問題の 1 つは、ガスプロムのような株式が停止されているため、最後の入札の 1 つが、たとえば 2021 年 6 月 6 日になる可能性があることです。この場合、quote_day=DATE(NOW()) は機能しません。私も協力する必要があります

P粉653045807 2023-09-03 23:52:49 0  2  668

このルートは POST メソッドをサポートしていません。サポートされているメソッド: GET、HEAD。ララベル9

まず第一に、私は初心者であり、この質問が何度か尋ねられ、回答されていることは知っています。すでに解決策を試したか、提案を実行したので、専門家の助けが必要です。私が試したこと： -フォーム要素内のブレードファイルに@csrfを追加しました。 - 投稿とルートへのアクセスが小文字かどうかを確認します。 -4 番目に公開などの変更を取得します。上記の方法では問題は解決しません。残念ながら、まだ頭を悩ませています。実際に画像をアップロードし、画像にタイトルを追加して送信しようとしています。左上隅にドロップダウンがある別のページに移動する必要があります

P粉976737101 2024-03-27 16:43:09 0  1  431

レスポンシブ ブロックをフレックス列に配置する

ヘッダー、ボード、フッターのあるゲーム Web サイトを持っています。 3 つすべてがビューポート内に収まるようにする必要があります。これを実現するには基板を小さくする必要があります。縮小化が私が抱えている問題です。幅を応答させることはできましたが、高さを制限することはできませんでした。ボードは正方形のままで未使用のスペースを占めるか、オーバーフローを防ぐために縮小する必要があります。以下のようなことをしているのですが、チェス盤が親の高さからはみ出してしまいます。実際のコードでは、行の折り返しによりヘッダーの高さは不明です。フッターにはさまざまな量のテキストが含まれます。チェス盤の内部には、行...

P粉545682500 2023-09-03 19:51:51 0  2  608

flex css - 折り返すのではなく、特定の高さの後の要素をクリップします

境界線は静的な高さと幅を表します。図のように 3 回折り返すのではなく、項目 5 と 6 を 2 行目に残し、項目 3 と 6 を切り取りたいと思います。 Flex でこれを実現するにはどうすればよいですか?この問題を補うために、コンテナー (境界線で表示される) の幅をユーザーのアクションによってサイズ変更できます。広いときは。たとえば、4 つの要素を保持できる幅がある場合、4 つの要素すべてが 1 行目に表示され、残りの要素が 2 行目に表示されます。コンテナーの幅を折りたたむときは、以下の画像に示すように最大 2 行になるようにします。結果を次のようにしたいので、

P粉785957729 2024-04-01 14:02:02 0  1  538

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

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

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

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

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

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

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

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

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

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

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