Appearance

SVG 框架函数：enableCache ​

本教程是 Iconify SVG 框架函数教程 的一部分。

函数 enableCache() 用于在 localStorage 和 sessionStorage 中启用或切换缓存。

当SVG 框架从 API 获取新图标时，图标数据会存储在浏览器存储中。缓存能加快渲染速度，因为SVG 框架可以直接从缓存中获取图标，而无需发送 API 请求。与 API 请求不同，缓存是即时的。

默认情况下，localStorage 处于启用状态，sessionStorage 处于禁用状态。

用法 ​

该函数包含以下参数：

  • storage。要启用的存储。
  • enable，boolean。可选值。如果为 false，函数将禁用存储而不是启用它，其行为类似于 disableCache()。

存储类型 ​

第一个参数可以是以下之一：

  • "local" 对应 localStorage。
  • "session" 对应 sessionStorage。
  • "all" 对应 localStorage 和 sessionStorage 两者。

示例 ​

js// 在 localStorage 中启用缓存
Iconify.enableCache('local');

另一个示例：

js// 禁用所有缓存
Iconify.enableCache('all', false);

注意事项 ​

  • 启用或禁用缓存不会影响已存储在缓存中的图标数据。无论设置如何，图标数据始终会被加载。该设置仅影响从 API 检索到的新图标数据的存储。
  • 该设置仅影响从 Iconify API 加载的图标数据。通过 addIcon() 或 addCollection() 加载的图标数据不会被缓存。
  • 当同时启用 localStorage 和 sessionStorage 时，图标数据仅缓存在 localStorage 中。