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

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

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

Javascript Html CSS ロード時の数値カウンター アニメーション プリローダー ウィンドウ

自分のポートフォリオ Web サイトでナンバーカウンターのアニメーションを作成したいと考えています。私の古いWebサイトには、完全にロードされたときにプリローダーからWebサイトに移行するjqueryコードがいくつかあります。 <script>$(window).on('load',()=>{$('#preloader').fadeOut(1800,function(){$(this).remove();});}); </script>数字カウンターのアニメーションを追加し、側面の向きを追加する方法

P粉523625080 2023-09-11 22:37:54 0  1  637

Lottie アニメーションが localhost サーバーには正しく読み込まれるのに、展開サーバーには正しく読み込まれないのはなぜですか?

問題は、すべての Lottie アニメーションがローカルホスト サーバーに読み込まれることですが、Web アプリがデプロイされると、アニメーションが読み込まれず、コンソールにいくつかのエラーが表示されることです。アニメーション ファイルは .json ファイルです。私のプロジェクトは次の jsReact プロジェクトです。 Lottie へのリンク: https://lottiefiles.com/ しかし、デプロイメントサーバー (vercel) を開くと、アニメーションのロードに失敗し、コンソールにいくつかのエラーが表示されます。この問題はどうすれば解決できますか?

P粉662614213 2024-03-29 12:05:35 0  2  440

javascript - jQuery はモバイル ページで効果音のプリロードをどのように実装しますか?

モバイルページのアニメーションに効果音が付きますが、音楽の最初の読み込み時に効果音が遅れます。この問題を解決するにはどうすればよいですか?

phpcn_u1582 2017-05-19 10:41:56 0  2  596

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

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

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

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

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

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

Composer の自動ロードでこのクラスが見つかりません

次の構造のプロジェクトがあります: - src+Guitar.php+Type.php+ToString.php-tests+GuitarTest.phpcomposer.json これは、composer.json で psr-4 autoload を定義する方法です: "autoload ":{ "psr-4":{"ショップ\\ギター\\":"src/&qu

P粉403804844 2024-03-26 15:07:50 0  1  425

javascript - DOM 要素がロードされているかどうかを確認するにはどうすればよいですか? JSで動的に追加するものを含める

domcontentloaded は、ページ DOM がロードされているかどうかを判断できますが、動的に追加されているかどうかは判断できません。

淡淡烟草味 2017-05-19 10:10:59 0  2  496

javascript - 最初は後続のコンテンツがロードされず、マウスが下にスクロールすると後続のコンテンツが徐々にロードされるという効果を実現するにはどうすればよいですか?

最初はコンテンツがありません。下にスクロールすると、後ろのコンテンツが徐々に読み込まれます。

漂亮男人 2017-06-30 09:58:33 0  6  883

Nuxt3でURLから動的画像をロードするにはどうすればよいですか?

特定の URL (auth0 画像) から取得した動的画像をロードできない nuxt3 コンポーネントがあります。私のテンプレートは次のようになります: <template><imgclass="h-28w-28rounded-fullborder-4border-blackbg-gray-300":src="image"alt=""/><p>{{{name

P粉236743689 2023-08-30 10:17:55 0  1  567

laravel 5.2でカスタムクラスを自動的にロードするにはどうすればよいですか?

1. app\Libraires でクラス QrCode.php {code...} を定義します。 2. このクラスのメソッド {code...} を呼び出します。 3. エラー メッセージ {code...} を報告します。 4. 問題の解決を試みます。 Composer dump -autoload を使用するとパスしましたが、クラスを自動的にロードするにはどうすればよいですか...

巴扎黑 2017-05-16 16:49:26 0  2  499

./foo/bar/utility/baz.php にある Foo\Bar\Baz クラスは、psr-4 自動読み込み標準に準拠していません。縄跳び

コンポーザーの更新、インストール、要求、ダンプ自動ロードなどを実行すると、突然次のような黄色の非推奨通知を受け取り始めました: ./foo/bar/utility/baz.php にある Foo\Bar\Baz クラスは psr に準拠していません-4 標準の自動ロード。飛び越える。 Composer 2.0 より前では、通常、次のメッセージが表示されます。 非推奨の通知: ./foo/bar/Baz.php にある Foo\Bar\Baz クラスは、psr-4 自動読み込み標準に準拠していません。

P粉052724364 2023-10-26 16:51:34 0  2  636

並べ替えアニメーションのコンテンツは、HTML にハードコーディングするのではなく、バックグラウンドで動的に追加できますか?

並べ替えアニメーションのコンテンツは、HTML にハードコーディングするのではなく、バックグラウンドで動的に追加できますか?これはコースのどのセクションで後で紹介されますか?

P粉301974093 2023-06-18 15:21:24 0  0  1784

javascript - JS は画像を動的にロードして、画像が画面上にあるかどうかをどのように判断しますか?

マウスを下にスクロールすると、対象領域が画面上に表示されると画像が読み込まれますが、対象領域が画面上に表示されるかどうかはどのように判断すればよいでしょうか。

世界只因有你 2017-05-19 10:20:40 0  2  480

Vue-i18n を使用して、メッセージが動的に読み込まれるまで何も表示しないようにするにはどうすればよいですか?

Vue アプリケーションでは、翻訳を動的に読み込みます。文字列は、サーバーから到着する前にコード/式として表示されます。メッセージがロードされていない場合にデフォルトで空白になるように Vue-i18n に指示する方法はありますか?それとも空の文字列を返すように何かをオーバーライドできますか?

P粉930534280 2024-01-10 17:02:40 0  1  398

Phaser がタイル マップのロードに失敗し、画面に黒い画面だけが表示されました。

タイル マップ エディターで作成したタイル マップをロードしようとしています。これを json ファイルとしてエクスポートし、タイル セットとともにパブリック フォルダー内のアセット フォルダーに配置しました。キャンバスに現れるものはすべて黒です。カメラの位置を変えて変化がないか試してみましたが、効果はありませんでした。エラー メッセージは表示されず、[ネットワーク] タブでマップとタイルセットの読み込みが確認できます。この問題に対する答えが見つかりません。私の main.jsvarconfig={type:Phaser.CANVAS,wid

P粉832490510 2024-03-30 20:38:02 0  1  665

後続のクラスが要素に追加されるたびに CSS アニメーションを実行する方法

要素をアニメーション化できるように CSS アニメーション クラスを設定しました。入力ボタンがクリックされるとこのクラスが追加され、例の入力ボタンがクリックされるたびに画面に飛ぶようにしたいです。ただし、これは初回のみ機能し、それ以降の入力クリックでは要素はアニメーション化されません。ここで何が足りないのでしょうか？ $(document).ready(function(){jQuery('#cloc').click(function(){jQuery('p').removeClass('anim

P粉714780768 2023-09-09 22:36:42 0  1  545

javascript - iframe Web ページを読み込むときにスクロール バーがこのように表示されるのはなぜですか?

すみません、iframe で大きなページを読み込むと、最初に小さなスクロール バーが表示され、その部分だけが表示され、その後すべてを表示するのに時間がかかるのはなぜですか。すべてを直接表示する方法はありますか。それはとても醜いです？ 。 。

仅有的幸福 2017-05-16 13:26:44 0  1  517

最後の列にクラスを追加すると画像やアニメーションが消えるのはなぜですか?

6枚の画像を無限ループでアニメーションさせようとしています。 6 番目の画像を追加して「poster」クラスを追加すると、画像は表示されませんが、6 番目の列 (または画像) に「poster」クラスの追加を省略すると、最初の 5 つの画像が表示され、正しくアニメーション化されます。なぜこんなことが起こるのか分かりません。ご覧のとおり、「ポスター」クラスは 6 列目にないため、コードは機能しますが、そのクラスを追加するとすぐに機能しなくなります。 (私は bootstrap5 を使用していますが、それはこの問題とは何の関係もないと確信しています。

P粉792026467 2023-08-15 11:29:09 0  1  413

[新しいルーター] ページのコンポーネントは、ページ全体を手動で更新した後にのみ読み込まれます。

新しいルートを追加し、新しいルートに遷移するアニメーションを追加しました。ボタンがクリックされたときに新しいルート (/first) をプッシュする次のコードを追加しました: /*FromtheTemplate*/<router-view@clickedNext1="onClickTransition"v-slot="{Component}"><transitionname ="route1

P粉986937457 2024-03-29 12:20:42 0  1  394