cookie和localStorage

最新推荐文章于 2022-03-22 14:49:11 发布

woochon

最新推荐文章于 2022-03-22 14:49:11 发布

阅读量216

点赞数

CC 4.0 BY-SA版权

分类专栏： js 文章标签： cookie localStorage

本文链接：https://blog.csdn.net/woochon/article/details/88946697

js 专栏收录该内容

9 篇文章

订阅专栏

本文介绍了一种前端存储管理方法，通过封装localStorage和cookie操作，实现数据的存取与删除功能。该方法支持字符串化对象以便存储，并提供了设置过期时间的功能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

cookie和localStorage封装

export default {
  setStore(name, content) {
    let cont = content;
    if (!name) return;
    if (typeof cont !== 'string') {
      cont = JSON.stringify(cont);
    }
    window.localStorage.setItem(name, cont);
  },
  getStore(name) {
    if (!name) return null;
    return window.localStorage.getItem(name);
  },
  removeStore(name) {
    if (!name) return;
    window.localStorage.removeItem(name);
  },
  addCookie(name, value, days) {
    const expires = new Date();
    expires.setTime(expires.getTime() + (days * 3600000 * 24));
    const Myexpires = (typeof days) === 'string' ? '' : `;expires=${expires.toUTCString()}`;
    document.cookie = `${name}=${value}${Myexpires};path=/`;
  },
  getCookie(data) {
    let name = data;
    const allcookies = document.cookie;
    name += '=';
    const pos = allcookies.indexOf(name);
    if (pos !== -1) {
      const start = pos + name.length;
      let end = allcookies.indexOf(';', start);
      if (end === -1) end = allcookies.length;
      const value = allcookies.substring(start, end);
      return value;
    }
    return null;
  },
  deleteCookie(name) {
    const exp = new Date();
    exp.setTime(exp.getTime() - 36000);
    const cval = this.getCookie(name);
    if (cval !== null) {
      document.cookie = `${name}=${cval};expires=${exp.toGMTString()};path=/`;
    }
  },
};