js-cookie使用介绍

js-cookie使用介绍:
js-cookie是一个简单的,轻量级的处理cookie的jsAPI。

  1. 适用于所有的浏览器;
  2. 接收任何字符;
  3. 严格的测试;
  4. 无依赖;
  5. 支持ES模块;
  6. 支持AMD/CommonJS;
  7. RFC6265标准;
  8. 维基;
  9. 可用自定义编码/解码;
  10. <800字节压缩;
    js-cookie使用介绍_第1张图片
    请添加图片描述
    安装:
npm i js-cookie

ES使用:

import Cookies from 'js-cookie'

Cookies.set('foo', 'bar')

基础使用:
创建一个缓存,全网站有效:
创建一个缓存,从现在起有效期7天,全网站有效:
创建一个缓存,从现在起有效期7天,当前页面路径有效:
创建一个value为对象的cookie;

// 1 
Cookies.set('name', 'value')
// 2
Cookies.set('name', 'value', { expires: 7 })
// 3
Cookies.set('name', 'value', { expires: 7, path: '' })
// 4
const obj = { name: 'ryan' }
Cookies.set('user', obj)

读取缓存:
读取所有可见缓存:

// 1
Cookies.get('name') // => 'value'
Cookies.get('nothing') // => undefined
//2
Cookies.get() // => { name: 'value' }

删除缓存:
删除当前页面路径有效的缓存:
当你删除一个cookie时,你不依赖于默认属性,你必须传递与用来设置cookie完全相同的路径和域属性:

// 1
Cookies.remove('name')
// 2
Cookies.set('name', 'value', { path: '' })
Cookies.remove('name') // fail!
Cookies.remove('name', { path: '' }) // removed!
// 3
Cookies.remove('name', { path: '', domain: '.yourdomain.com' })

你可能感兴趣的:(前端,技术_基础与拓展,javascript,前端)