diff --git a/_posts/2015-06-16-pjax.html b/_posts/2015-06-16-pjax.html new file mode 100644 index 0000000..e653eaa --- /dev/null +++ b/_posts/2015-06-16-pjax.html @@ -0,0 +1,10 @@ +--- +layout: post +category: "frontend" +tag: [前端] +title: PJAX:pushState和Ajax +--- +
终于从漫长的休眠期中清醒过来,改认真搞搞技术了。在研究手机触摸界面的时候接触到了PJAX这个东西,先研究、笔记一下。
+其实这个pushState这个东西就是在html5时代,history新增的方法,除了这个还有replaceState方法和onpopstate事件。可以说这几个方法是现在各种单页系统的基础。
+这里引用张鑫旭大神的demo,当你点击左边选项卡的时候,注意上边url的变化。在变化的时候,整个页面都没有刷新,url历史记录都是pushState方法加入的,当用户点击后退时,会触发onpopstate事件,接下来用你的执行函数去渲染前一个,让url和视图一一对应,这样就ok了。
+关于这里,由于我自己还没有写demo,之后自己写了demo以后,再探讨一些细节的问题。
\ No newline at end of file