概述
@skyrpex/remember 是一个基于浏览器的本地存储,可以让开发者更加方便地存储和获取数据,避免了 cookie 存在安全性的问题以及 localStorage 和 sessionStorage 的容量限制等问题。
安装
使用 npm 安装 @skyrpex/remember:
--- ------- -----------------
引入
在需要使用的模块中引入 @skyrpex/remember:
------ -------- ---- --------------------
当然你也可以直接在 HTML 文件中使用 script 标签引入:
------- ---------------------------------------------------------------------
API
Remember.setItem(key, value[, options])
key: string
- 存储名value: any
- 存储值,可以是基本数据类型或者对象等options: object
- 相关配置,可选参数expires: number
- 过期时间,以秒为单位,默认值为 0,即永不过期path: string
- 存储路径,默认值为当前页面路径domain: string
- 存储域名secure: boolean
- 是否只在 https 协议下使用,默认值为 false
返回值: boolean
- 存储是否成功
------------------------ ----------- ----------------------- - ----- ---------- ---- -- -- - -------- ------ -- ----- ----- ---- -- --------- ------- -------------- ------- ---- -- -- ----- ----- ---
Remember.getItem(key)
key: string
- 存储名返回值: any
- 存储的值,如果不存在则返回 null
------------------------- -- --------- ----------------------------- -- ----
Remember.removeItem(key)
key: string
- 存储名返回值: boolean
- 删除是否成功
----------------------------
Remember.clear()
清空所有存储的内容。
-----------------
示例
使用 Remember 存储聊天记录的示例:
------ -------- ---- -------------------- -- ---- -------- ----------------- -------- - ----- -------- - ---------------------------- -- --- --------------- ----- ------- --- ---------------------------- ---------- - -- ---- -------- ------------- - ------ ---------------------------- -- --- -
总结
@skyrpex/remember 提供了一个简单易用、安全可靠的本地存储方案,可以方便地存储和获取数据。在开发中使用它可以大大提高开发效率,避免了 cookie 安全性的问题以及 localStorage 和 sessionStorage 的容量限制等问题。
来源:JavaScript中文网 ,转载请联系管理员! 本文地址:https://www.javascriptcn.com/post/6005585581e8991b448d58bd