最近发现了一个很好玩的东西:pjax技术,这个可以实现只加载局部内容,有什么用呢?因为我们博客是很有规律的所以页头页脚都是不变的,所以这部分就可以不需要重新加载,同时如果你的网页有看板娘的话,那也不会加载,这样的话就可以看到看板娘不动的效果(感觉更加真实)。或者如果你的网页有音乐播放器的话,那么切换页面音乐可以继续播放,而不会重新加载。(这样就可以实现边听音乐边看文章的效果了,这个是感觉最爽的)。
当然,如果你有一些在特定页面需要加载或者需要js实时刷新的,比如:prism.js(这个是实现网页代码变色的脚本),那么你切换页面时这些脚本不会加载,这样就会导致代码不变色的问题。其实这个也很好解决(虽然我研究了半天 ),就是直接到自己的文章页面里面调用脚本就好了(前提是你的文章里面需要有container的id)。
放在这个id是container的容器里面,这里面的东西pjax是会自动刷新的,所以脚本放这里也会自己不断刷新。
那么怎么给自己的网站实现pjax呢?其实只需要引入pjax脚本即可,前提是你的页面支持 jQuery 。
引用方法:
<script type='text/javascript' src='你的地址/pjax.js?ver=0.4.0'>