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

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

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

JavaScript - Vueアクションでロードを使用する方法

Vue では、読み込み状態は一般的にこの {code...} のように使用されますが、vuex のアクションでそれを使用するにはどうすればよいですか? 次の例ではパブリック 読み込みを使用していますが、機能しないことがわかりました。読み込み状態はローカルである必要があります。では、vuex で読み込み状態を制御するにはどうすればよいでしょうか? {コード...}

世界只因有你 2017-05-19 10:20:47 0  1  549

Vue の遅延読み込みバナー

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

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

html5 - HTML img タグでサイズ変更用の画像が表示される理由

html imgタグ 画像を読み込むとリサイズ用の画像が表示されるのはなぜですか? WeChat公式アカウントをhtmlで書いているのですが、WeChatで読み込む画像を選択すると画像が表示されずにリサイズ用の画像が表示されてしまいます。

滿天的星座 2017-05-16 13:38:14 0  1  548

JavaScript - 遅延ロードの使用法の問題

{コード...} このように、マウスを下にドラッグすると画像が表示されますが、Miaodian を使用して特定のフロアを見つけると、画像は読み込まれず、デフォルトの画像のみが表示されます。表示されません。

漂亮男人 2017-05-19 10:13:50 0  1  376

React を使用してデータを渡す

「CameraPage.tsx」以下のコードではロジックを作成しています。その機能はカメラ画像を検索することです。非常に簡単です。バックエンドに登録されている画像を検索するための GET リクエストを送信するだけです。フロントエンド ディスプレイは後で導入され、動作は正しいです。ユーザーが「InfoOutlineIcon」をクリックすると、別のページが読み込まれて画像が表示されるはずですが、クリックすると別のページが開きますが、画像は表示されません。発生する問題は、クリックすると console.log に画像が読み込まれたことが示されますが、新しいページを開くと、すべてが最初から始まり、何も...

P粉696891871 2023-09-14 20:43:08 0  1  514

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

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

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

Twitterにデフォルト画像をロードするにはどうすればよいですか?

Twitterでは画像を読み込まないとデフォルトの画像が表示されるのですが、これがbackground-image属性の背景画像ではなく、imgタグで導入された画像であることを確認しました。問題は、表示されるはずだった画像の読み込みに失敗したことをTwitterがどうやって判断したのかということだ。

巴扎黑 2017-05-19 10:27:20 0  2  607

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

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

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

ブラウザが HTML 要素をレンダリングしようとする前に、HTML 要素をスクランブルします。これは「document.write」のまれな有効な使用例ですか?

Web ページにヘッダー領域があり、そこをループする背景画像がいくつかあります。これらは少し解像度が高く、スクロールせずに見える範囲にあるため、ブラウザーが最初の画像以外の画像の読み込みを開始しないようにします。しかし、画像の順序もランダム化したいと考えています。問題は、静的 Web ホスト (Netlify) を使用していることです。私が検討したいくつかのアプローチ: 通常どおり要素をドキュメントに配置し、JavaScript を使用して要素をクエリし、順序をランダム化します。ブラウザが HTML に到着した最初の画像の読み込みを開始し、その後ランダムに画像を取得すると思うので、気が進まない...

P粉752290033 2024-01-10 18:07:41 0  1  448

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

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

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

PHPページのローダーを表示するにはどうすればよいですか?

それぞれが HTML Web ページに対応する .php ページが多数あります。各ページが完全に処理されて読み込まれるまでに約 1 分ほどかかります。ページが完全に読み込まれたときに、読み込み中の画像をユーザーに表示したいと考えています。最初に画像をロードし、.php が処理されている間メインコンテンツは非表示のままにするような論理的な方法を考えました。php がロードされると、メインコンテンツを配置するための JavaScript のトリガーとして機能する要素をエコーできます。非表示からブロックへの変更の例。しかし、Apache は最初に php をロードしてから実行する必要があると思われる...

P粉651109397 2024-01-10 16:52:02 0  1  438

javascript - イベントバインドをリッスンするネイティブ JS を使用して、より多くのロードされたタグをバインドする方法

JSテンプレートを使用しているプロジェクトもありますが、テンプレート内のタグがhtmlタグで文字列が正常に動作していないため、ページの先頭で読み込んだタグにイベントバインディングが行われた後、後から読み込んだタグはjQueryでないと読み込まれません。イベントバインディングを監視および実装するには何を使用すればよいかわからないと思います。プロジェクトの規制はそうではありません...

天蓬老师 2017-06-26 10:56:02 0  3  890

queryList は写真をダウンロードできますか?

上記は私のコードです。queryList のサードパーティ製プラグイン DImage を使用して画像をダウンロードしているのですが、ダウンロードが成功しません。ダウンロードした画像にも、画像の読み込みエラーが表示されます。ご教授ください。

无名小贼 2019-12-03 11:05:31 0  0  773

どのような状況でキャッシュを使用する必要がありますか?フロントエンドとバックエンドを最適化する方法 (ミニプログラムページ)

製品詳細インターフェイス、製品 ID によるデータのクエリ、フロント エンドは主に画像を表示します。データベースフィールド画像: 保存された画像アドレス。画像はサーバーに保存されます。現在の問題は、写真の読み込みが遅すぎることです。開くのに 1 秒かかる場合もあれば、20 秒、30 秒かかる場合もあります。最適化するにはどうすればよいですか?バックエンドで動的キャッシュを使用する必要があるかどうかを知りたいです。クエリデータをキャッシュしているのでしょうか？しかし、この状況は日々変化しています。これに対する解決策はあるのでしょうか?

小萝卜头 2020-05-16 18:32:29 0  3  1338

javascript - jquery.lazyload の使用時に発生する問題について、助けてください。

このプラグインは動的に挿入された要素を処理していないようです。つまり、動的に挿入された要素は正常に表示できませんが、常に読み込み中の画像が表示されます。現在の一時的な解決策は、新しく挿入されたノードに独自のコンテナーを追加することです。を選択し、このコンテナに対して初期化を実行します。どう思いますか?

ringa_lee 2017-05-19 10:45:21 0  3  618

android - NestedScrollView 内の WebView はさらに自動ロードできません

Web ビューにニュース リンクを配置します。この Web ビューは NestedScrollView にネストされています。ページが一番下までブラウズされると、次のニュース コンテンツが自動的に読み込まれます。ただし、私の Web ビューには自動読み込みはありません。その他別の Web ビューを使用して、これを表示してください...

代言 2017-06-10 09:49:03 0  1  1251

JavaScript - Zhihu に画像をロードする原理は何ですか?

最初はすべてぼやけていますが、画面内では高解像度になります。最初に前処理された低画素画像を読み込んでから高精細画像を表示するのでしょうか？それとも別の方法なのでしょうか？

我想大声告诉你 2017-05-24 11:32:17 0  4  692

JavaScript - アプリ側でビデオリソースを取得する方法はありますか?

モバイルタオバオ側で商品詳細を開くと動画が読み込まれますが、PCブラウザではそのような動画がありません。 \このリンクを開いてこのビデオ リソースを取得するための、コンピューター上に実際の模擬携帯電話環境はありますか (明らかに、淘宝網には制限があります)。それとも、フィドラーを使用してアドレスをマップし、パケットをキャプチャしますか? ...

ringa_lee 2017-06-28 09:28:01 0  1  691

JavaScript はサムネイルから全幅の画像ページへのスムーズな移行を実装します

http://manifesto.clapat.com/ ホーム ページ上の項目をクリックすると、サムネイルから全画面画像に遷移し、その画像がその項目のページのタイトルになります。これらのトランジション効果はどのように作成されるのでしょうか。また、ReactRouter の代わりに内部ルーティングを使用してそれらを実装する最善の方法は何でしょうか。ただし、誰かが ReactRouter で動作させることができるのであれば、それを移植することもできます。利用可能なチュートリアルがいくつかありますが、別のプロジェクト ページに移動するのではなく、全画面モーダル コンポーネントと同様に、すべて同じペ...

P粉536532781 2023-09-15 22:09:37 0  1  935