我如何做像GitHub那样令人敬畏的无刷页面更改？

Question

GitHub 似乎在做一些令人难以置信的事情:动画页面更改而不会破坏状态.地址栏会更改,但页面不会刷新,我会将动画设置为下一个视图.

例如,点击此URL:as3logback /然后点击此URL:as3logback/lib

他们是如何在魔鬼中做到的!？!这太酷了!他们是使用某种框架还是服务器端？

Answer 1

他们在这里详细介绍了它的工作原理(HTML5历史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和HTML5history.pushSate.

请注意,这仅适用于最新的浏览器,如Firefox 4和Chrome 8(IE 9？).所以你仍然需要像许多Ajax驱动的网站那样使用片段标识符的后备解决方案(一个很好的例子,看看差异是Facebook).