简介
instantclick 是一个用于优化网站加载速度的 JavaScript 库，它能够使得用户点击链接后，在页面完全加载前就提前预加载页面内容，从而让用户感觉到网页的快速响应。该库支持所有主流浏览器，并且可以方便地通过 npm 安装和使用。
安装
要使用 instantclick，首先需要在项目中安装该库。可以使用以下命令来安装：
npm install instantclick
使用
在安装完 instantclick 后，需要在网页中引入该库的脚本文件。通常情况下，我们会在 <head> 标签内加入如下代码：
<head> <script src="./node_modules/instantclick/instantclick.js" defer></script> </head>
在 instantclick 加载完成后，我们需要调用 instantclick.init() 方法以启用该库。例如：
instantclick.init();
此时，instantclick 就已经成功应用到了我们的网站中。当用户点击链接时，instantclick 将会自动开始预加载链接指向的页面内容。
需要注意的是，如果我们的网页中存在一些需要绑定事件的元素（例如通过 AJAX 动态加载的内容），那么我们可能需要手动调用 instantclick.unload(event) 方法，来卸载所有绑定在这些元素上的 instantclick 事件。
配置选项
instantclick 还提供了一些配置选项，使得我们可以根据需求来定制库的行为。以下是一些常用的配置选项：
preload
该选项指定 instantclick 在哪些情况下应该预加载页面内容。可以通过以下方式来设置该选项：
instantclick.init({
preload: true, // 预加载所有链接
preloadMode: 'all', // 预加载所有资源
delay: 100 // 100 毫秒延迟
});其中 preload 可以接受以下三个值：
true：预加载所有链接mousedown：只在鼠标按下时预加载false：不进行预加载
而 preloadMode 可以接受以下两个值：
all：预加载所有资源（包括图片、CSS 和 JavaScript）images：只预加载图片资源
noSmoothState
该选项控制是否启用平滑的状态切换效果。如果该选项被设置为 true，则 instantclick 将直接跳转到目标页面，而不会出现平滑过渡的效果。例如：
instantclick.init({
noSmoothState: true // 禁用平滑的状态切换
});on
该选项用于绑定 instantclick 的事件处理函数。例如：
-- -------------------- ---- -------
-------------------
--- -
------- ---------- -
------------------------- ----- ----------
--
------ ---------- -
------------------------- -------- - --- -------
--
-------- ---------- -
------------------------- -------- - --- -------
-
-
---该选项接受一个对象作为参数，该对象的键为事件名称，值为对应的事件处理函数。
示例代码
以下是一个使用 instantclick 的示例代码：
-- -------------------- ---- -------
--------- -----
----- -------------
------
----- ----------------
------------------- ----------
------- ------------------------------------------------- ---------------
-------
---- -
------------ -----------
------- --
-------- --
-
--- -
----------------- -----
------ ------
-------- -----
---------- -----
---------------- --------------
-------- -----
-
--- - -
------ --------
---------------- -----
-
---- -
------- -----
-
- ----------------------------------------------------------- --------
----------------------------------------------------------------------------------