Bagaimanakah GitHub Mencapai Peralihan Halaman dan URL yang Lancar Tanpa Permintaan AJAX yang Kelihatan?

Bagaimanakah GitHub Menukar Halaman dan URL Dengan Lancar Tanpa AJAX?

Apabila menavigasi melalui projek GitHub, seperti https://github.com /insoshi/insoshi, mengklik ke dalam folder mencetuskan animasi sub-direktori dan perubahan URL, memberikan ilusi menggunakan AJAX. Walau bagaimanapun, peralihan lancar yang menghairankan ini berlaku tanpa sebarang permintaan AJAX yang kelihatan.

Adakah CSS/JS Tulen atau Pengoptimuman Lanjutan?

Pada mulanya, seseorang mungkin membuat spekulasi bahawa kesannya adalah dicapai melalui peralihan CSS atau JavaScript yang canggih. Walau bagaimanapun, pemeriksaan lebih dekat mendedahkan bahawa ia sebenarnya adalah ciri berasaskan AJAX.

AJAX Magic Revealed

Anda boleh menggunakan sambungan pelayar FIREBUG dalam Firefox untuk melihat permintaan AJAX sedang dibuat semasa menavigasi direktori GitHub. Permintaan ini mengambil penyenaraian direktori yang dikemas kini, yang kemudiannya dipaparkan dengan lancar ke dalam halaman.

Pecahan Kesan Peralihan

Kesan peralihan itu sendiri ialah animasi gelongsor. Semasa anda mengklik pada folder, halaman slaid terbuka untuk mendedahkan sub-direktori, disertai dengan kemas kini URL yang lancar. Kesan peralihan yang serupa digunakan secara meluas di web, dengan banyak contoh tersedia dalam talian.

Jadi, walaupun ia mungkin kelihatan sebagai helah caching atau pengoptimuman prestasi yang bijak, navigasi lancar pada GitHub dikuasakan oleh AJAX dan dipertingkatkan dengan kesan peralihan slaid yang ringkas lagi berkesan.

Atas ialah kandungan terperinci Bagaimanakah GitHub Mencapai Peralihan Halaman dan URL yang Lancar Tanpa Permintaan AJAX yang Kelihatan?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!