svgアニメーションとcss3アニメーションの長所と短所は何ですか?

RT、トランジション アニメーション効果はどのような状況で、どのソリューションに適していますか?

曾经蜡笔没有小新 2017-05-16 13:21:17 0  1  673

なぜStop()をanimateの前に置く必要があるのでしょうか?

こんにちは、先生。コースコードにそのようなコードがあります。 $('.block').stop().animate() のアニメーション効果。なぜ stop() を animate() の前に置く必要があるのですか

善為 2019-01-09 10:51:29 0  2  1132

キーを指定してキーの最初の数層を取得する方法。JavaScript を使用するのが最適です。

{ {code...} } オブジェクトのデータ構造はこんな感じです AttackArrow.jsonというファイル名がわかったら、このファイル名から特殊効果1/特殊効果1_1を取得したいのですが、取得方法は同等ですファイル AttackArrow.json をクリックします。それがどのフォルダー ディレクトリにあるか知りたいです。

三叔 2017-06-28 09:28:20 0  2  831

vimプラグインvimwikiで特殊文字のリテラル値を使用するにはどうすればよいですか?

たとえば、次のようなテキストを生成したいとします。 ` はバッククォート、 ` は特殊文字です。 ただし、出力 HTML は `` を <code> タグに変換します。 結果の出力コンテンツは次のようになります。 、 ` は特殊文字です。vimwiki にはエスケープ文字はありますか? -------

某草草 2017-05-16 16:42:30 0  1  1041

CSS - アニメーションの色の変更の問題

これは初期のカラー値です。詳細についてはデモを参照してください。しかし、アニメーション効果を書いた後にカラー値が変わります。これはなぜですか?アニメーションのカラーを初期値のカラーと一致させるにはどうすればよいですか?

世界只因有你 2017-06-28 09:27:36 0  1  1255

JavaScript - フロントエンドマップアニメーション効果を実装する方法。

以下のエフェクトと同様に、アバターはルートに応じて移動できます。この種のアニメーションはこれまで見たことがありません。フロントエンドはどのように実装すればよいでしょうか?キャンバスか、それとも既成のフレームワークか？この効果を達成するにはどのようなアイデアを使用すればよいのか、まったくわかりません。 。 。

PHPz 2017-05-16 13:36:02 0  2  484

javascript - JSイベントのバブリングの問題

一件落着: この効果を実現するには CSS を使用します。ご協力いただきありがとうございます。この効果を実現するために CSS の使用に切り替えました。 1. 次のコードでは、a タグのマウスオーバー イベントとマウスアウト イベントをリッスンしてキャンバス アニメーションをトリガーし、マウスオーバーとマウスアウトのコールバックでイベントがバブリングしないようにしましたが、マウスが移動すると...

学习ing 2017-06-12 09:32:56 0  3  843

object-c -transitionWithView が UIView を反転するときにビューの色が薄くなる問題をキャンセルするにはどうすればよいですか?

カードの表裏を反転するようなアニメーションを作りたい場合、UIViewのtransitionWithViewメソッドを使用すると、反転したビューの色が暗くなり、ビューの背景色が白い場合、ちらつきやチラツキが発生します。反転すると中心線が黒くなり、効果が非常に悪いので、アドバイスをお願いします。

三叔 2017-06-21 10:11:50 0  1  1107

javascript - vue でのルート遷移に問題がありますか?

Vue はカットシーン アニメーションのフェードインおよびフェードアウト効果をルートに追加します。コンポーネントは削除されるとフェードアウトしますが、入力されると即座に入力され、フェードインしません。これら 2 つのステップの間で、ページは次のようになります。空白。以下は公式 Web サイトからコピーした私のコードです: {code...}

滿天的星座 2017-06-12 09:30:07 0  3  784

JavaScript - フロントエンドの自己修養

前述したように、私は業界に入ったばかりで、入社して 2 か月が経ち、自分はダイヤモンドの原石だと思っていますが、会社はフロントエンドの効果をあまり重視していません。 divを書ける、互換性やアニメーション効果は必要ない、ページの基本的なスタイルがあればOK、jsを書く必要はありません。私もフロントエンドフレームワークにはあまり触れたことがありません。 ...

曾经蜡笔没有小新 2017-07-03 11:43:03 0  2  985

JavaScript - トランスフォームでスクロール効果を作成するのに 2 つの要素が必要な理由

他の人の記事を読んだのですが、小さなボールの放物線効果を実現するために 2 つのアニメーションを実行するには、1 つの要素 <div class="ball"></div> を記述するだけでなく、2 つの要素のレイヤーを使用する必要がある理由を読みました。 ? 次に、transform を使用してそれを実行します x 軸と y 軸の変更、このように書いても効果がないことがわかりました。しかし、なぜ？これ...

滿天的星座 2017-05-19 10:18:02 0  2  858

JavaScript - React でアニメーション効果を記述するにはどうすればよいですか?

React でコンポーネントのアニメーション効果を作成するにはどうすればよいですか?たとえば、単純なダイアログ ボックスの場合、[キャンセル] をクリックした後、ダイアログ ボックスが最初にフェードアウトしてから消えるようにしたいと考えています。 jquery を使用する場合、非常に簡単です。まず animate({ //Fade CSS}, function(){ //DOM}) を実行します。でも、どうやって反応すればいいのかわかりません...

世界只因有你 2017-05-18 10:58:34 0  2  773

javascript - 要素が現在表示領域内にあるかどうかを確認する方法

タイトルにあるように、水平方向に自由にスライドできる水平方向に入力された li の行ができました。特定の li が現在の表示領域内にあると、そのスタイルの一部が変更されます。そのような効果はどのように記述すればよいでしょうか?皆さんが答えを手伝ってくれることを願っています。 。 。 。 。 。 。

天蓬老师 2017-07-05 11:07:20 0  5  1159

javascript - マウスダウンイベントに関する質問

助けてください。$.animate を使用して、ページ要素 mousdown に基づいたイベントを実装しました。実行後、問題が見つかりました。マウスを連続して複数回クリックすると、アニメーションが複数回繰り返し再生されます。希望する効果達成するには、クリックするたびに最初から開始します。アニメーションを再生すると、複数回クリックすると、次のような複数のマウスダウン イベントが生成されます。

世界只因有你 2017-05-19 10:14:34 0  1  440

クリックしたときにテキストが新しい要素 (区切り線など) に変わるようにするにはどうすればよいですか?

ページ上の特定のテキストをクリックすると区切り文字/新しい要素に変わる方法を見つけようとしています。どう説明したらいいのかわかりませんが、画像の下にタイトルがあると想像してください。タイトルをクリックすると、上の画像がテキスト ボックス/別の画像/スクロール可能なセパレーターのようになります。ここでは、右側の頭蓋骨の絵文字をクリックすると、左側のボックスに新しい div/画像が表示されるというページの効果を実現しようとしています。ソースコードを見て、この効果を実現するために彼女が何をしているのかを確認していますが、まだわかりません。 w3schoolsonを使用しようとしています

P粉872101673 2024-04-04 11:21:03 0  1  3849

スクロール ホイールを使用するときにスムーズなスクロール アニメーションを実現する方法はありますか?

ページをスクロールするときに、スクロールホイールを使用したときの「飛び跳ねる」方法ではなく、スムーズに移動するようにしようとしています。私がこれに関連して見たソースのほとんどは、react-scroll が提供するもののように、ボタンまたはリンクをクリックしたときのスムーズなスクロールを伴いますが、私は特にホイール スクロールのスムーズな効果を実現したいと考えています。 MaterialUI テーマを通じてこれを実現する方法はありますか、それともこれに役立つ React パッケージはありますか?

P粉118698740 2023-08-16 16:40:27 0  1  638

JavaScript の基本メモ

JavaScript1. JS と DOM の関係. ブラウザには HTML コードをレンダリングする機能があります. HTML ソース コードはメモリ上で DOM オブジェクト (ドキュメント オブジェクト) に形成されます. 内部には JS インタプリタ/実行/エンジンがあります例えば、chrome は v8 エンジンを使用しています html に JS コードを記述します JS コードがエンジンによって実行され、その実行結果が DOM の動作となる、などの特殊効果がよく見られます。画像が浮かんだりテキストの色が変わったりするので、ブラウザが実行するとHTMLコードに遭遇し、レンダリング、...

只是没有如果 2018-11-19 20:33:14 0  0  1131

javascript - jQueryまたはCanvasの統合表示効果アイデアソリューション

図に示すように、クレジット スコア 100 は Angular.js を通じてデータ バインドされています。次に、jQuery または Canvas を使用して、クレジット スコア ページに特別な効果を作成する必要があります。ユーザーの開始クレジットは 100 で、小さな白い一番右にある丸は、100ポイントを超えるとユーザーの信用スコアが増減します。100ポイントを超えると、...

怪我咯 2017-05-19 10:28:23 0  4  625

自動検索プロンプト (補完) についてはすでに優れたソリューションが存在します。なぜ車輪を再発明する必要があるのでしょうか。

インテリジェント プロンプト機能の実装には、JavaScript、ajax、データベース、jsp/php に関する多くの知識が必要です。データ量が多い場合は、特別な最適化が必要です。小さな機能に多大な労力を費やすのは適切ではありませんが、ユーザーにとっては、入力コストを効果的に削減できます。入力ボックスに向かうときに、より多くのプロンプトが表示され、混乱したり無力になったりすることがなくなります。ウェブマスターにとっては、重要な情報を優先することができます。ウェブサイト。

panie 2017-06-29 16:03:09 0  1  1818

javascript - js でページ ノードを削除するとどのような効果がありますか? 特定のコードを直接削除しても同じ効果ではないでしょうか?

シャオバイは尋ねた。もう 1 つの理由は、jquery では、ノードに append を挿入するときに、直接 $("div").append("<div>hello</div>") ができるのに、なぜ $("") を省略できるのかということです。 jqで新しいノードを作成する必要はありません。("")?

迷茫 2017-06-26 10:52:18 0  1  754