スライダーの進行状況バーがスライドの数と一致しません

7 つのアイテムを含むカルーセルを作成しました。デフォルトでは、このカルーセルには 5 つの項目が表示されます。私のデモでは 2 つの問題に遭遇しました。スライダーが無限にループするように設定されていましたが、スライド 1 に戻っても進行状況バーがリセットされませんでした。スライダーが最後に達すると、(スムーズな移行ではなく) すぐにスライド 1 に戻ります。 7 番目のスライド (7 番目のカード) が表示されると、進行状況バーが完了します。 $slider.slick("getSlick").slideCount の console.log

P粉587780103 2023-08-25 16:17:45 0  1  654

jsは単一ファイルの読み込み進行状況を検出できますか

最近、会社はモバイル Web ページを開いたときにリソースの読み込みの進行状況を表示するという要件を設けました。例えば全体画像の読み込みをプログレスバーのデータとして入れてみました。しかし、リーダーは、単一ファイル リソース (ネットワークが極度に貧弱な場合の CSS、JS、画像、その他のリソースなど) の読み込みの進行状況を表示できるようにしたいと考えています。 ...

代言 2017-06-12 09:19:06 0  1  631

Bootstrap Grid システムを使用して、大画面で画像と進行状況バーの間のギャップを修正するにはどうすればよいですか?

まず、この図のアイデアを示します。 図 (1) この図では、md/lg 画面で進行状況バーが図の下にあり、テキストがその右側にあることがわかります。 。図 (2) では、画面サイズが小さい場合、テキストが 2 番目に表示され、進行状況バーが最後に表示されます。 「UTF-8」

P粉409742142 2023-09-14 10:56:03 0  1  673

ファイルのダウンロードのバックグラウンドで使用される PHP フロントエンド ページで js を使用してファイルのダウンロードを実装するにはどうすればよいですか? ダウンロードの進行状況を監視し、ファイルのダウンロードを開始および一時停止します。

ファイルのダウンロードのバックグラウンドで使用される PHP フロントエンド ページで JS を使用してファイルのダウンロードを実装する方法 ダウンロードの進行状況を監視し、ファイルのダウンロードを開始および一時停止します。

大王叫我来巡山 2017-12-21 15:02:46 0  3  2488

Jquery Toast Pluginでプログレスバーを無効にする方法は?

図に示すように、トースト ポップアップ ボックスには進行状況バーが表示されます。トースト プラグイン設定でこの進行状況バーを無効にするにはどうすればよいですか? Jquery Toast プラグインのドキュメント

大家讲道理 2017-07-05 10:39:11 0  2  971

Laravel フロントエンドとバックエンドのコラボレーションについて

対象者は、Laravel5.1 プロジェクトに参加したときにマイクロ チーム (8 ～ 10 人) を管理していました。フロントエンドとバックエンドの担当者は分離されていましたが、次の問題に遭遇しました。 Laravel フロントエンドはブレード テンプレートを使用します。 、これは PHP であり、現在のエンドの進行状況がバックエンドの進行状況よりも大きい場合、デバッグが困難になります (バックエンドには関連するルーティングがなく、...

淡淡烟草味 2017-05-16 16:53:55 0  1  432

thinkphp で履歴書フォームを作成して完了状況の進行状況バーを表示する方法

1. 採用 Web サイトのプロジェクトでは、個人の履歴書ページが 7 つの小さなテーブルに分割されています。履歴書テーブル全体を完全にする方法はありますか? 2. テンプレートにどれだけの値を手動で入力すると、進捗状況が表示されますか? 3. これを実現するにはどのような方法を使用できますか。

迷茫 2017-05-16 13:16:20 0  1  632

React.StrictModeとfabric.jsのCanvasインスタンスを使用した再レンダリング

選択可能な形状をインスタンス化するファブリック キャンバスとボタンを作成しています。次の状況でコンポーネントが 2 回再レンダリングされる理由がわかりません。そのため、生地の形状をお選びいただくことができません。ただし、index.tsx ファイルから削除すると、レンダリングは 1 回だけ行われ、形状が選択可能になります。削除することもできますが、それが最善の解決策とは思えません。これはデモです: const{Fragment,StrictMode,useEffect,useRef}=React;const{cr

P粉659378577 2023-09-21 23:48:52 0  1  880

node.js - ノードに npm install コマンドを記述するにはどうすればよいですか?

コマンダーでコマンドを書く場合、npm installを使用する必要がありますが、child_processで直接実行できるため、コマンドラインページのプロセスが出力されず、インストールの進行状況がわかりません。問題？

習慣沉默 2017-06-22 11:54:25 0  2  867

書き換えられたタイトルは次のとおりです。promise.then() の各 setState がレンダリングされる前に React Promise.all().then() を呼び出す

残りの呼び出し数を示す進行状況バーを表示しながら、リモート リソースに対して 200 回の呼び出しを行ってテーブルに表示しようとしています。この例を使用して、Fetch() と Promise.all() を使用して setState() を呼び出し、新しいデータを更新する方法を示します。私の問題は、各 Promise の .then() にあります。これは、いくつかのロジックを計算し、setState() を呼び出してデータを更新します。私のプログレスバーは Object.keys(data).length を使用して進行状況を表示します。 Promise.all内

P粉162773626 2023-08-20 11:02:53 0  1  428

スクロール進行アニメーション

スクロールの進行状況をアニメーション化する方法を知る必要があります。これは通常のスクロールの進行状況ではなく、何かが異なります。 Web サイトへのリンクと、探しているアニメーションが含まれる特定の部分のスクリーンショットを提供します。 https://todoist.com/これはウェブサイトへのリンクです。ウェブサイトのホームページの特定のセクションのスクリーンショットを添付しました。ページがスクロールされると、セクション内でスクロールが発生し、セクション自体もスクロールします。スクロールのそのセクションが完了したら、通常どおりスクロールを続けます。プログレスバーのスクロールに関するチュー...

P粉821808309 2024-03-29 19:36:49 0  1  430

Phaser でピクセルの消去の進行状況を追跡する他の方法はありますか?

そこで私は、ユーザーがカードをスクラッチして下にあるものを明らかにする必要があるスクラッチ カード ゲームを作成しようとしています。ユーザーがキャンバスの 70% をスクラッチしてすべてを表示したかどうかを確認したいと考えています。フェイザーを使用してこの機能を実装しようとしていますが、機能しません。画像データを計算してピクセルの配列を取得しようとしましたが、すべてゼロの配列が返されました。以下のコードでは、calculateScratchRatio 関数を使用しています。 importBaseScenefrom"./BaseScene"

P粉928591383 2023-08-14 20:29:20 0  1  700

MySQLで別の文字列内の文字列をクエリする方法はありますか?

MySQL にクエリを実行する方法はありますか? たとえば、文字列 '3,5' は文字列 '3,4,5,2' の中にあります。おそらく次のような状況です。ユーザーは複数の属性を持っており、属性 ID はuser_attr などのユーザー テーブルのフィールドに格納される値の格納形式は '3,4,5,2'、説明: たとえば、数値は属性 ID です。

ECHO 2020-01-02 10:44:28 0  5  1033

z-indexを使用せずにdivをオーバーラップする

解決できない問題があり、CSS マジックを考えていますが、この問題に対する最善のアプローチは何でしょうか?理想的な領域と実際の進行状況バーを備えた進行状況バーコンポーネントがあります。プログレスバーが理想的な領域に重なっている場合、理想的な領域を、Z 値が小さいかのように非表示にしたいと考えています。これを試してみたところ、静的に配置された要素では z-index が機能しないことがわかりました。この動作を再現するにはどうすればよいですか?これはコンポーネントのコードです。これもスタイル設定に tailwind を使用します。 importReact,{useEffect,useS

P粉124070451 2023-08-17 13:56:28 0  1  625

データテーブルに進行状況バーを作成するにはどうすればよいですか?

現在、大量のデータ (5000) を含むデータ テーブルを作成しています。データを漸進的なペースでロードできるようにするために、時間単位ごとにどれだけのデータがロードされたかを示す進行状況バーを追加しました。しかし、以下のコードはもう機能しません。 lethandleProgressBar=(id,value,total)=>{letpercent=Math.round((value/total)*10000)/100;$(id+">div").html(per

P粉422227023 2023-08-26 21:01:16 0  1  598

JavaScript - 一部のビデオベースの h5 ページで、ビデオのバッファリングの進行状況を取得する方法、またはビデオをプリロードする方法

[Tencent Carnival h5] http://news.qq.com/FERD/jiani... リンクを開くと、ページに多数の <video> タグとビデオ要素が多すぎることがわかります。ビデオを編集する必要があります。ユーザーにはホームページが表示されますが、遅延を防ぐためにプリロードを実行しますが、video 要素は img 画像とは異なります。

漂亮男人 2017-05-16 13:30:15 0  1  665

javascript - オーディオタグの一時停止に関する質問

{コード...} コードは上記の通りです。BGMのフェードイン、フェードアウトを実現するために、チェックボックスをクリックする小さな機能を作りたいです。フェードインは実現できますが、フェードアウトの場合は、音量が0になったら自動的に一時停止するようにしたいです。しかし、ボリュームを 0 に変更した後も、進行状況バーは実行されたままで、m1.pause() は有効になりませんでした。 。本当にやってください...

迷茫 2017-06-20 10:07:02 0  3  1012

javascript - このプロセスの進行状況バーはバックエンド データとどのようにリンクしますか? O(∩_∩)Oありがとうございます！

バックエンドのデータ処理ステータスはどのステップに到達しますか? 現在のステータスは青色になります。

ringa_lee 2017-06-19 09:07:31 0  4  1022

SQL - 2 つの異なるテーブル間で最新のエントリを取得するにはどうすればよいですか? (タイムスタンプは保存されません)

私は引用符を扱う進行中のプロジェクトに取り組んでいますが、データベース構造が十分に整理されておらず、それを修正するためにデータベース スキーマに大きな変更を加えることができません。データベース内: 2 種類の引用符が 2 つの異なるテーブルに保存されます。 Regular_quotes と premium_quotes が 2 つのテーブルであると仮定します。状況としては、日付/時刻を格納するテーブルが 1 つも存在せず、created_at に関連する列も日付/時刻を格納する代替列も存在しないため、これら 2 つのテーブルのうちどちらのテーブルに最新のエントリがあるかを確認する必要があります...

P粉244155277 2023-09-07 00:14:25 0  1  622

CSS ドロップ キャップ画像、空白に配置されたテキスト

これは日常的にドロップキャップが発生する状況ではないと思います。私の大文字の「S」は次のようなイメージです。実際のイメージは上の列まで伸びていることに注意してください。上部のバーは同じ画像の一部であり、大きな S と S の左側の図が含まれています。ここではわかりやすいように背景を青にしていますが、本来の色は白です。 (ただし、最上部の余分な灰色の領域は無視してください。スクリーン キャプチャを行うときに厄介です。) トップ バーと画像を台無しにしたくありません。私に提供された画像は次のようになります。右上隅にトップバーが描かれ、トップバーの下に空白がある長方形の領域です。テキストはこんな感じ...

P粉415632319 2023-09-05 21:42:04 0  2  571