这系列文章主要是学习Html5相关的知识点，以学习API知识点为入口，由浅入深的引入实例，让大家一步一步的体会h5能够做什么，以及在实际项目中如何去合理的运用达到使用自如，完美驾驭O(∩_∩)O~，
一，开篇分析
好了，废话不多说，直接进入今天的主题，今天主要讲的是History API及在单页应用中的作用，并且会引入一个实际的例子做为讲解的原型范例，先来看看History API：
为了提高Web页面的响应速度，越来越多的开发者开始采用单页面结构（single-page application）的解决方案。所谓的单页面结构就是指多个页面间切换时，不刷新当前整个页面，更新页面展示数据，并且相应地改变地址栏中的url，以使用户可以分享这个url。
如果你使用chrome或者firefox等浏览器访问github.com、plus.google.com等网站时，细心的你会发现页面之间的点击是通过ajax异步请求的，
同时页面的URL发生了了改变。并且能够很好的支持浏览器前进和后退。是什么有这么强大的功能呢？恩，这就会说到今天的主角，HTML5里引用了新的API：
history.pushState和history.replaceState，就是通过这个接口做到无刷新改变页面URL的。先来看看history接口的详细方法：
复制代码