2017-05-23 7 views
0

Google IO17を見て、私はdouble requestAnimationFrameメソッドについて学びましたが、Web上のアニメーションに自分自身が関わっていない可能性があるので、私は本当にそれを周りに巻き込むことができません。double requestAnimationFrameはどのように機能しますか?

しかし、私はそれがどのように動作し、いつAddy OsmaniによってレイアウトされたTwitterのタブの例のように物事を倍増させるか知っているといいと思います。ありがとう!

答えて

0

Chromeで導入されたbugなどの理由で、クラスを切り替えたり、アクションが実行された後にRAFを起動する必要がある他のCSSアニメーションを実行すると、​​をダブルで使用する必要があります。それはちょっといい/滑らかなアニメーションを持つエスケープハッチのようなものです。

0

これは、Google I/Oの話でも(Owen Campbell-Mooreの)これを参照してください。

https://youtu.be/mmq-KVeO-uU

私は少し掘りをして、「プログレッシブのWeb Appsで 『ちょうどいい感じ』というUXの作成」:ここでは、それはあなたが見た話とは別だ場合と話の動画(へのリンクがあります媒体上のポストにオーウェンによって、この説明を見つけた:

記事も理由/かどうかについての短い後続の議論を指し https://medium.com/@owencm/one-weird-trick-to-performant-touch-response-animations-with-react-9fe4a0838116

「とのパフォーマンスのタッチレスポンスアニメーションに対する一つの奇妙なトリックが反応」必要性「ダブル」のアプローチはここにいないバグか、次のとおりです。このことができます

https://medium.com/@owencm/well-there-are-definitely-issues-here-ordered-least-significant-to-most-1f0931b03024

希望...

関連する問題