ヘッダーがちらつかないように、ページを新しい URL と対応するコンテンツでスムーズにリロードするにはどうすればよいでしょうか? たとえば、Twitter で [Home]、[Connect]、[Discover] のメニュー項目をクリックすると、ヘッダーは表示されたままで、ちらつきはありません。これを実行できる唯一の方法は Javascript を使用することですが、Javascript は URL を変更できません。Twitter の Web サイトの背後にある魔法とは?
2 に答える
0
彼らは単に ajax を使用しています。
ヘッダーは変化しないのでちらつきません。ajax 呼び出しはデータを要求し、取得すると本体に挿入します。
体にとっては、
ajax されたときに急激な変化を望まない場合は、エフェクト関数を使用して新しいコンテンツをフェードインできます。
1 回のアップロードで静的データを読み込みたい場合は、CSS 表示プロパティを使用して静的コンテンツをめくることができます。
インジケータがないため、ブラウザが新しい URL をロードしていないことがわかります。
また、Twitter の ajax インジケーターが実行されていることも確認できます。
ajax 呼び出しの履歴を保持するには、info を使用します。この投稿から：
ajaxの場合-ハッシュとHTML 5 History API?
Twitter の場合:
最初の ajax 呼び出し後に ajax インジケーターとロード インジケーターが点灯しないため、CSS を使用してページをめくっています。
コンソールで window.history.back() を実行すると、履歴を使用していることを確認できます。
URL を動的に変更するには、以下を参照してください。
于 2012-12-19T23:15:29.413 に答える