Youtube面白いページの方法LOAD

Question

私の悪い英語の最初の申し訳ありません。私は質問を理解できるようにしようとしています。これは教育のためのものです。

あなたはあなたのビデオをYouTubeで見て、関連するものを別のビデオに変更すると、 t変化。したがって、ローカルファイル（サーバーがあなたに送信したときにあなたのPCにダウンロードされたもの）を変更すると、変更内容はここに表示されます。したがって、youtubeロゴを削除し、関連するものをクリックして別のビデオにアクセスすると、ビデオ、タイトル、説明、および関連ビデオは変更されますが、ヘッダは表示されません。デベロッパーコンソール（オペラなど）で確認できます。我々はそれがtが新しいページをロードする「ドン新たな関連動画をクリックすると

1画像を説明することができます：あなたは、ヘッダ

2の1つのアイコンを選択します。あなたはそれからコードを削除

3：別のビデオをクリックして、ヘッダが変更

私の観測ではまだです：それは、Ajaxリロード方法かもしれないが、（私は知っている）あなたは「トンブラウザバーのURLを変更することができます（セキュリティ上の理由から）。あなたはこれをどのように達成するのですか？

PD：おそらく新しい技術があり、これは信じられないほど一般的です。しかし、私はこれがどのように行われるか知りたいです:)

Answer 1

これはシングルページアプリケーション（SPA）の場合には非常に一般的です。 HTML5ヒストリAPIを使用すると、ページスクリプトのインターセプトによってURLが変更され（同じドメイン内にある限り）、View Routerを使用して、新しいデータのリクエストを含む、新しい詳細でページを再描画します。

ビデオを開始して別のビデオにナビゲートすると、ブラウザは実際には実際にナビゲートしません。あなたが言うように、URLから新しいビデオIDを取得し、適切なページをレンダリングします。

YouTubeは、AngularJSのいくつかのバージョン（GoogleがAngularフレームワークを書いたように意味がある）を使用して作成されているようだが、詳細を知りたい場合は、Angularアプリケーションを構築する方法を読むことができる。同様の基盤上に構築されています。変更する必要があるビットを更新するだけの場合と比較して、ページ全体をリロードするのは費用がかかり、遅いため、一般的には良い考えです。