Как мне сделать потрясающие безрежимные изменения страницы, как это делает GitHub?

Question

GitHub кажется делает что-то невероятное: анимированная страница изменяется без нарушения состояния. Адресная строка меняется, но страница не обновляется, и я перехожу к следующему представлению.

Например, нажмите этот URL: as3logback / , а затем нажмите этот URL: as3logback / lib

Как, черт возьми, они это делают!?! Это так классно! Они используют какие-то рамки или что-то на стороне сервера?

Answer 1

У них есть подробная запись в блоге о том, как это работает (HTML5 History API) здесь: https://github.com/blog/760-the-tree-slider

Answer 2

http://www.asual.com/jquery/address/ - это плагин jquery, который поддерживает HTML 5 History API в дополнение к традиционному методу хэш-тега. Это полезно для поддержки переходов в старых браузерах (через хеш-тег) при использовании метода HTML 5, когда он доступен.

Answer 3

Скорее всего, они используют Ajax и HTML5 history.pushSate.

Обратите внимание, что это работает только в самых последних браузерах, таких как Firefox 4 и Chrome 8 (IE 9?). Таким образом, вам все равно понадобится запасное решение, например, использование идентификатора фрагмента, как это делают многие Ajax-сайты (хороший пример, чтобы увидеть разницу, это Facebook).

Answer 4

Pjax : Демо , Источник (GitHub) Это тот, который использует GitHub ... ссылка