MENU

InstantClick added

2018 年 01 月 08 日 • 笔记,技术

简单。
InstantClick 使用了 pushState 和 Ajax 技术,这个组合被称为 pjax。

项目主页:点击这里

初始化 InstantClick:

<script src="http(s)://www.你的主页.com/instantclick.min.js" data-no-instant></script>   
<script data-no-instant>InstantClick.init();</script>   
</body>   
</html>

这样全站链接就实现了预加载。

注意:InstantClick 对新窗口打开的 a 标签是不触发预加载效果的,还有在带有 data-no-instant 参数的标签包裹下的 a 标签也不会触发预加载效果。

InstantClick 默认采用黑名单机制,用来解决可能会导致出现冲突的情况,如:Google AD、多说评论等。
<script>中加 data-no-instant 将 JS 加入预加载黑名单,会解决这个问题。

百度统计等 JS 代码也需要加入 data-no-instant,否则可能会导致统计不全等问题。


域名到期,顺便换了新的。才想起来好像每年都得换个新的...

trash-talk.space 还是蛮符合本博的特征。

标签: Typecho
返回文章列表 文章二维码 打赏
本页链接的二维码
打赏二维码
添加新评论

已有 6 条评论
  1. Betty Betty

    新域名带中杠啊,我莫名对域名带数字或者符号类的有抵触情绪,人类主观上的意愿就是这么神奇。
    注册域名要抢心仪的不容易啊

    1. @Betty着实不容易...
      土豪就随意了Orz

    2. @Betty确实是……带中杠特别不方便,有时候推特会把链接自动从中杠处断开……

  2. 确实加载挺快的 :)

  3. 后缀有点非常规,哈哈

    1. @looper因为便宜...