JavaScript - 無限の遅延読み込みに反応する

ページがスクロールするときに、react.js を使用して、プラグインなしで無限の遅延読み込みを実現します。

黄舟 2017-06-15 09:22:36 0  2  865

Vue の遅延読み込みバナー

ページには 5 つのバナーがあり、ユーザーのクリックに基づいて表示または非表示を選択します。この時点で、バナー データは API から取得されており、API 上のバナー エントリごとにバナー コンポーネントを繰り返しています。ユーザーがクリックした後にのみ画像をダウンロードする方法はありますか?遅延読み込みのネイティブ動作を試しましたが、画像はすべて最初のスクロールに表示され、ユーザーのクリックによって画像を表示または非表示にするため、最初に画像が読み込まれます。 <banner-basev-for="bannerinentry.banners":key="...

P粉041758700 2024-03-28 23:03:47 0  1  525

React の遅延読み込み機能をいつ使用する必要がありますか?

かなり大きなアプリケーションがあり、バンドルのサイズは現時点で約 2MB (約 3 チャンク) です。読み込み時間を改善するために、比較的新しい ReactLazy を使い始めることにしました。これは遅延読み込みの例です: constWizard=React.lazy(()=>import('./components/wizards/Wizard')); 概念の一般的な考え方は理解しましたが、まだ難しいです。時々待つ必要があること以外に、それを理解するのに時間がかかります。 チャンクのロードに時間がかかる以外の欠点は何ですか。私が読んだことによると

P粉976737101 2023-08-24 23:11:02 0  2  550

ウィンドウ内にスクロールされる DOM 要素のイベントはありますか?

たとえば、画像を遅延読み込みしたい場合、img DOM がブラウザを下にスクロールし、DOM がユーザーの現在のウィンドウまでスクロールするときに発生するイベントを表すイベントはありますか?

PHPz 2017-05-19 10:39:49 0  1  490

JavaScript - vue の遅延読み込みプラグインの画像が更新されない

これら 2 つのプラグイン Lazy-load-imgvue-lazy-load-img を使用すると、元の GoodsList が新しいデータに置き換わっても、遅延ロードされた画像は変更されません。対処方法がわかりません {code...}

phpcn_u1582 2017-06-12 09:20:53 0  2  675

java - Mybatis 関連のクエリ

実際の開発では、Mybatis の 1 対多および多対多の関連クエリは、resultMap 参照、javaType 参照、または select 参照を使用しますが、パフォーマンスが良いのはどれですか?選択遅延読み込みを使用すると、クエリの速度とパフォーマンスが向上しますか?

ringa_lee 2017-05-27 17:41:50 0  1  722

CDN を使用して Vue JS の遅延読み込みブロックを提供する方法を学ぶ

Vue.js3 で記述され、VueCLI5 (Webpack5) で構築された単一ページ アプリケーションを開発しています。このアプリケーションは、AWS にデプロイされた Laravel アプリケーションによって提供され、デプロイメント ツールは LaravelVapor です。また、このツールはすべての静的リソース (JS ブロックを含む) を AWSS3 にアップロードし、CloudFront 経由のアクセスを提供します。 Vue.js アプリケーションで使用されるすべての静的リソースを CDN からロードしたいと考えています。 CloudFront 分散 URL は ASSET_U の...

P粉718165540 2024-01-16 12:01:53 0  1  458

JavaScript - Ajax 非同期読み込みに関して、データ遅延の問題について質問してください。

外側に空の配列を定義し、次に ajax リクエストを作成し、リクエスト内で別のリクエストをネストし、最後に 3 つのオブジェクトに結合して空の配列を挿入します。次に、配列の長さを最も外側に出力すると、出力された長さは 0 になります。この問題は代入に影響します。解決方法を教えてください。

阿神 2017-06-30 09:53:44 0  6  721

JavaScript - Web ページを開く速度を最適化するには?

1. ファイルリクエストの数を減らす、2. スプライト画像を使用する。 3. 遅延読み込みを使用します。 (ファイル リクエストの数を減らすにはどうすればよいですか?) (ファイル リクエストの数を減らすことで最適化できるのはなぜですか? 10 個の 10k ファイルと 1 個の 100k ファイルがあり、10 個の 10k ファイルが複数のスレッドを通じて同時にインポートされる場合、1 10よりは良いはずです...

淡淡烟草味 2017-06-10 09:48:27 0  3  683

Vue DOM の変更がこれほど遅いのはなぜですか?

2000 個の入力チェックボックスを含むリストがあります。すべてを一度に選択すると、約 2 秒の顕著な遅延が発生します (ブラウザがフリーズします)。これは Vue と React に当てはまるようですが、Svelte、jQuery、または Vanilla には当てはまりません。 5,000 を超えるチェックボックスがあると、3 ～ 5 秒かかる非常に煩わしいブロッカーになります...なぜ再レンダリングにこれほど時間がかかるのでしょうか? Vue.js を使用してこの更新の遅れを克服するにはどうすればよいですか? (ページネーションや遅延読み込みのソリューションは実際には問題を解決するものでは...

P粉596191963 2024-03-26 10:09:21 0  1  591

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

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

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

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

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

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

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

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

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

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

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

他の列でグループ化しながら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  559

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

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

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

スペード、ダイヤモンド、ハート、クラブ => Android 版 Chrome ではスタイルのフォントの色が変更されない

Windows 上の Google Chrome では、カードのスーツのシンボル (スペード、ハート、ダイヤ、クラブ) は、「style」属性を使用して正しく色付けされます。残念ながら、Android 上の Google Chrome で表示される同じページには、私が定義した色は表示されず、デフォルトの黒と赤が使用されます。 (効果については添付の図を参照してください) HTML コード: (プロジェクトへのリンク https://stackblitz.com/edit/web-platform-z2cs3t?file=index.html

P粉896751037 2023-09-05 15:25:13 0  1  810