Vue の遅延読み込みバナー

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

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

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

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

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

フロントエンド - CSS 背景画像の読み込み速度を上げる方法

私のページの 1 つでは、いくつかの CSS 背景設定を画像として使用しました。画像のサイズはおそらく数十 K です。初めて Web ページを開いたとき、これらの場所の読み込みは明らかに遅く、すべてのスタイルのように見えます。その後、画像がブラシで消えてしまいます... CSS の読み込みを高速化する方法はありますか? または...

滿天的星座 2017-06-06 09:54:29 0  6  1242

js、css、画像が読み込めない

動画と同じコードがあるのに、js、css、画像が読み込めないのはなぜですか。

Kagamigawa Chloe 2018-03-30 16:13:40 0  2  1627

JavaScript - ウェブサイトの読み込みが遅い

http://cqwind.chinacloudapp.c... この Web サイトの読み込み速度が非常に遅いです。変更すべき大きな画像が変更されています (Web ページの古いバージョンのままです)。主な問題は、インターフェイス。1 つのインターフェイスで 5 つのデータを受信する必要があります。この 5 つのデータはデータベース内の異なるテーブルに存在する可能性があります。この部分の応答速度は比較的...

怪我咯 2017-06-12 09:25:45 0  4  890

Vueの読み込みアニメーションを実装し、同時にURLから画像を読み込みます

画像を読み込んだときに読み込みアニメーションを表示したいのですが、実装方法がわかりません。デバッグしてコンソールに「true」と「false」を出力しましたが、ロードアニメーションは表示されませんでした。 //// エラー {{currentCountKing}} / {{ALL_FILMS.length-1}} {{firstFilm.title}} {{secondFilm.title}} エラー

P粉021854777 2023-08-03 18:04:16 0  1  627

JavaScript - 画像をスクロールして読み込む vue

要件: スクロール バーを一番下まで引き下げたときに画像をロードし、一度に 6 枚の画像をロードします。画像の数が 30 を超える場合、読み込み完了後に最初の 6 枚の画像が削除され、30 個の DOM ノードがロードされます。維持されること。データ内の imgarr=[] を保存する画像アドレスとして設定します。

阿神 2017-05-18 10:59:25 0  2  655

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

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

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

JavaScript - Zhihu の画像読み込みはどのように実装されていますか?

Zhihu ドキュメントを参照してください。Visual Studio Code を評価するにはどうすればよいですか?このページには面白い機能があり、画像を読み込む前に白いキャンバスが表示され、次にガウスぼかしのような画像が表示され、最後に鮮明な画像が表示されます。実装されていますか? それとも...

大家讲道理 2017-06-26 10:58:20 0  1  751

JavaScript - ページの読み込みが遅いのですが、最適化ソリューションは何ですか?

誰か専門家がページの読み込みが遅い理由を知るのを手伝ってくれませんか?詳しく分析して、何か良い解決策が見つかることを願っています。オンライン アドレスは http://cqwind.chinacloudapp.c... です。

学习ing 2017-07-05 11:04:00 0  4  974

javascript - vue.js は Alibaba Cloud oss から画像パスを正しく取得しますが、ページ上の画像の読み込みに失敗しますか?

Web ビューで vue.js を使用して、Alibaba Cloud oss から画像パスを取得します。データを取得した後、ブラウザで画像アドレスを開くと、画像が正常にレンダリングされます。ただし、画像が Web ビュー ページに読み込めない場合があります。 ?画像をバインドするコードは次のとおりです: &lt;img class="img" :src="img.url" v-for="im...

PHP中文网 2017-05-18 10:56:44 0  2  752

2017年最新PHP応用動画チュートリアル(2) 7-11 セッションストレージ機構の書き換え動画が読み込めない

2017年最新 PHP上級動画チュートリアル (2) 7-11 セッションの保存機構を書き換える 動画を読み込めず「読み込みエラー」と表示されるだけ

phpcn_u89397 2020-08-09 15:53:57 0  0  1076

HTML ファイルを直接開くと CSS ファイルと画像を読み込むことができませんが、VS Code で開くと正常に読み込まれます。

HTML ファイルを直接クリックして開こうとすると、CSS ファイルや画像は読み込まれませんが、VScode のライブ サーバーを使用して開くと正常に動作します。画像とスタイルシートは別のファイルにあります。コードは次のとおりです。

P粉376738875 2023-08-09 14:08:49 0  1  431

JavaScript - UI スタイルの計算が多すぎると、特に IE でブラウザの読み込みが遅くなります。先輩に指導を求めてください。

以前、EasyUI+jQuery を使ってページを作成したのですが、最初は読み込みに問題があるとは感じませんでしたが、データが増えるにつれて明らかに読み込み時間が遅くなりました。Chrome では通常 20 秒以上かかります。 IEが開いている 性能解析の場合、実際には3分以上かかります。 。 。 。具体的なイメージは以下の通りです。

習慣沉默 2017-07-05 10:40:49 0  3  988

Edge ブラウザと Brave ブラウザの読み込みは遅いが、Opera と Firefox は影響を受けない

ウェブサイトの読み込みが非常に遅いのを修正しようとしていたのですが、別のブラウザ (オペラ) でテストしたところ、ping が出ました。待つ必要はまったくありません。ただし、EdgeとBraveでは数分間ハングします...php/xammpを使用しており、サイトはSQLリソース（例：50〜100の結果）をロードしていますが、タグのような単純なタグを使用すると、反復処理に時間がかかりすぎます、またはまったく機能しません。どうして？ Firefox でもテストしましたが、次のように超高速でした。

P粉710478990 2023-08-30 15:04:14 0  1  699

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

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

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

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

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

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

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

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

レイアウトの変更を防ぐために、可変サイズの画像をロードする前にそのスペースを予約するにはどうすればよいですか?

テキスト、画像タグ、および次のようなテキストを含む HTML ページがあります。これは画像の前のテキストです。 <imgsrc="image.jpeg"/>これは画像の後のテキストです。画像の読み込みに時間がかかるため、ページが読み込まれるとき、画像よりも先にテキストが読み込まれるようになりました。そのため、画像の後のテキストが画像の前のテキストの直後に配置されるようにレイアウトが変更され、画像がまだ読み込まれていない場合、画像用のスペースは確保されません。ただし、画像を読み込むと、画像の後のテキストが下に移動します。

P粉936509635 2023-08-28 00:04:44 0  1  602

node.js - リクエストのパイプメソッド、ファイルの読み取りに必要な時間を監視するにはどうすればよいですか?

インターネットから画像を読み込む場合、所要時間を知りたいのですが、例えば3秒を超えたら画像の読み込みを諦めるのですが、どうすればよいでしょうか？

怪我咯 2017-05-24 11:38:32 0  1  732