npm 包 @verdaccio/local-storage 使用教程——前端类-JavaScript中文网-JavaScript教程资源分享门户

本文将介绍 npm 包 @verdaccio/local-storage 的使用方法。这个包可以让我们在浏览器中使用本地存储，无需在浏览器全局调用 localStorage。

什么是 @verdaccio/local-storage

@verdaccio/local-storage 是一个 npm 包，可以让我们在浏览器中使用本地存储，无需在浏览器全局调用 localStorage。它是由 Verdaccio 团队维护的。

它的主要功能有：

向浏览器的本地存储中设置数据，并支持指定过期时间。
从浏览器的本地存储中获取数据。
从浏览器的本地存储中删除数据。
为了避免因浏览器不支持 localStorage 报错，@verdaccio/local-storage 在不支持的环境下会自动降级为使用内存。

安装

通过 npm 安装：

npm install @verdaccio/local-storage

通过 yarn 安装：

yarn add @verdaccio/local-storage

使用方法

设置数据

import LocalStorage from "@verdaccio/local-storage";

LocalStorage.set("name", "Tom");

指定过期时间：

// 过期时间为 1 天
LocalStorage.set("name", "Tom", 24 * 60 * 60);

获取数据

const name = LocalStorage.get("name");
console.log(name); // Tom

删除数据

LocalStorage.delete("name");

示例代码

-- -------------------- ---- -------
------ ------------ ---- ---------------------------

-------- --------- -
    ----- ---- - -------------------------

    -- ------ -
        ---------------- ---- ---- ----- ---------- ------
    - ---- -
        ---------------- ---- ---- ----------
        ---------------------------------
            ----------- -- -----------
            ------------ -- -
                ------------------------ ----- -- - -- - ----
                -- ------------------- - -
                ---------------- ---- -- ----- ---------- ------
            --
            ------------ -- -
                -------------------
            ---
    -
-

在上面的示例代码中，当我们首次访问页面时，会从服务器获取数据，并将数据缓存在浏览器的本地存储中，当我们再次访问页面时，会首先从本地存储中获取数据，只有在本地存储中没有数据时才会去服务器请求数据。这样可以提高访问速度，并减少服务器的负担。

来源：JavaScript中文网，转载请注明来源 https://www.javascriptcn.com/post/5eedc8a4b5cbfe1ea0612310