まだより良いネイティブページの移行を望んでいます

ハッキングや本格的なアーキテクチャの選択に頼らずにウェブ上にしたい場合、ページ間の移行をアニメーション化することができればいいと思います。ページがアンロードされる前に、おそらくWAAPIと統合されたものを実行するAPIと、次のページがロードされた後、他のものを実行するAPIを想像できました。

onbeunload APIがありますが、どんな荷物があるかはわかりません。シングルページアプリアーキテクチャがなくても、技術的にページトランジションを構築できますが、私が望むのは、きれいに（理解可能な機能）を行うのに役立つ専用のAPIであり、両方のパフォーマンス（リンクが通常行うのと同じくらい迅速に動作）とアクセシビリティ（フォーカスハンドリングなど）を考えています。

とにかく単一ページのアプリを構築している場合、ページがリロードされないため、ビュー間でアニメーション化する自由が得られます。ここでの危険は、この機能のためだけに単一ページのアプリを選ぶかもしれないことです。これは、これを達成するためだけにサイトアーキテクチャに購入する必要があることです。それは不幸なトレードオフのように感じます。単一ページのアプリは、そうでなければ必要とされていないツールやアクセシビリティの懸念など、大量のオーバーヘッドをもたらします。

シングルページアプリがなければ、TurboやAnimate.cssのようなものを使用できます。または、Adamの新しいTransition.Style、Daniel Edanの傑作へのClip-Path（）ベースのオマージュ。たぶん、そのアプローチがinstant.pageとペアになった場合、他の内部リンククリックと同じくらい速くなるでしょう。

Smoothstate.jsやSwupなど、これを理解しようとしている他のプレイヤーがいます。トリックは次のとおりです。次のページに移動するアクションをインターセプトし、最初にアニメーションを実行し、次に次のページをロードし、新しいページをアニメーション化します。技術的には、物事を少し遅くしますが、あなたはそれをかなり効率的に実行できますが、動きは知覚されたパフォーマンスがより良くなるほど十分な気晴らしを追加します。

理想的には、ページ全体をアニメーション化する必要はありませんが、より興味深い移行を行うために完全に制御できます。ちなみに、私は10年前にミュージシャンのページでそれをやっていました。そこでは、サイトをクリックして、音声が再生され続けるように物事を動かしました（そしてそれは楽しかったです）。

これは、Webプラットフォームが介入するのに最適な場所です。ジェイクが今年前にプッシュしたことを覚えていますが、それがどこにでも行ったかどうかはわかりません。それから私たちは…OKであるポータルを手に入れましたか？これらは、ページにiframeをロードしてから、アニメーション化してページ全体を引き継ぐ（およびURLを更新する）ようなものです。そこにはあまりアニメーションのニュアンスはありませんが、Jquery Mobileが古代に戻ったように、周囲のページをスワイプしたり、フェードしたりすることができます（Hey One One Highway）。

以上がまだより良いネイティブページの移行を望んでいますの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。