Github 的無縫頁面導航:AJAX 與否?
在 GitHub 上探索專案時,例如 https://github.com/ insoshi/insoshi,您可能已經注意到點擊資料夾時的平滑過渡。這種資料夾滑動開啟且 URL 同時更改的行為提出了一個問題:這是透過 AJAX 或其他技術實現的嗎?
答案:AJAX at Play
與表面上相反,這個效果確實是基於AJAX的。這種類型的滑動選單最初用於 iPod 瀏覽介面。雖然可能已經嘗試使用 CSS/JS 建立類似的效果,但 GitHub 使用的方法依賴於非同步 JavaScript 和 XML。
要視覺化 AJAX 要求,您可以使用 Firefox 中的 Firebug 工具。透過啟用網路監控,您將觀察到檢索目錄清單的請求。
過渡效果:滑入到位
實現了資料夾導航期間觀察到的過渡效果透過基於 JavaScript 的幻燈片動畫。此技術涉及操縱 CSS 屬性(例如不透明度和顯示)以在當前頁面和目標頁面之間建立平滑過渡。
以上是GitHub 如何實現無縫頁面導覽:AJAX 還是 CSS/JS 技巧?的詳細內容。更多資訊請關注PHP中文網其他相關文章!