session-cookies 三个缓存 localStorage、sessionStorage、Cookies。

session-cookies

复制代码
session-cookies is localStorage、sessionStorage、Cookies。

session-cookies This plugin is used to summarize the browser's three caches localStorage, sessionStorage, Cookies.The plugin is designed to be quick and easy to use. Below is a summary of some apis.

session-cookies 这个插件是用来汇总浏览器的三个缓存 localStorage、sessionStorage、Cookies。该插件注重使用方便快捷下面是一些API汇总说明。

API

名称 获取所有 获取单个 设置单个 移除单个 清除所有
cookies getCookieList getCookie setCookie removeCookie clearCookie
session getAllSessionStorage getSessionStorage setSessionStorage removeSessionStorage clearSessionStorage
local getAllLocalStorage getLocalStorage setLocalStorage removeLocalStorage clearLocalStorage

使用案例

shell 复制代码
npm i session-cookies
获取所有Cookies
ts 复制代码
import { cookies } from 'session-cookies'

cookies.getCookieList(); // 返回JSON结果数据
cookies.getCookie('test'); // 返回属性值
设置单个
ts 复制代码
cookies.setCookie('test', '1234567'); // 设置属性为字符串需要JSON.stringify
移除单个
tsx 复制代码
cookies.removeCookie('test');
清除所有
tsx 复制代码
cookies.clearCookie();

附加API

根据index下标获取key值 参数 结果
getLocalStorageKeyFindIndex index下标 返回key
getSessionStorageKeyFindIndex index下标 返回key
使用
ts 复制代码
import { local } from 'session-cookies';

local.setLocalStorage('test', '123456');
local.setLocalStorage('usename', 'songshao');
local.getLocalStorageKeyFindIndex(0); // test
local.getLocalStorageKeyFindIndex(1); // username

Browsers

html 复制代码
<!-- 只能使用0.1.5 以后版本 -->
<script src='https://unpkg.com/session-cookies/lib/sessionCookies.js' ></script>

<script>
    // 其他接口同上面使用只需要增加 sessionCookies 全局配置。
    sessionCookies.local.setLocalStorage('test', '123456');
</script>
相关推荐
lkbhua莱克瓦243 分钟前
JavaScript核心语法
开发语言·前端·javascript·笔记·html·ecmascript·javaweb
Trae1ounG3 分钟前
这是什么dom
前端·javascript·vue.js
比老马还六12 分钟前
Bipes项目二次开发/扩展积木功能(八)
前端·javascript
易营宝16 分钟前
全球建站SaaS平台能提升SEO评分吗?是否值得切换?
大数据·前端·人工智能
C_心欲无痕17 分钟前
Next.js 的服务端路由:对应api文件夹
开发语言·javascript·ecmascript
5134959218 分钟前
在Vue.js项目中使用docx和file-saver实现Word文档导出
前端·vue.js·word
哈哈你是真的厉害41 分钟前
基础入门 React Native 鸿蒙跨平台开发:AnimatedXY 动画插值
react native·react.js·harmonyos
Shirley~~1 小时前
leetcode移除元素
javascript·数据结构·算法
AC赳赳老秦1 小时前
Prometheus + DeepSeek:自动生成巡检脚本与告警规则配置实战
前端·javascript·爬虫·搜索引擎·prometheus·easyui·deepseek
接着奏乐接着舞。1 小时前
前端大数据渲染性能优化:Web Worker + 分片处理 + 渐进式渲染
大数据·前端·性能优化