成都建站哪家好,上门做网站,公司的网页设计,上海产品设计公司排行cookie和深度拷贝的使用 1、js-cookie使用2、js深度克隆 1、js-cookie使用 前端的本地存储分为 localstorage、sesstionstorage、cookie 但是咱们有时候需要做7天免登录的需求时#xff0c;选择 cookie 作为前端的本地存储是在合适不过的了 直接操作 cookie 可以#xff0c; … cookie和深度拷贝的使用 1、js-cookie使用2、js深度克隆 1、js-cookie使用 前端的本地存储分为 localstorage、sesstionstorage、cookie 但是咱们有时候需要做7天免登录的需求时选择 cookie 作为前端的本地存储是在合适不过的了 直接操作 cookie 可以 document.cookie xxx 赋值就可以了 但是我在这给大家介绍一个很小的操作 cookie 的工具 js-cookiejs-cookie 现在主流的框架 vue、react 都可以使用安装js-cookie
// yarn
yarn add js-cookie
// npm
npm i js-cookie组件中引入vue2 用到的地方比较多也可以挂载在vue实例上 vue.prototype.$xxx xxx
// 在使用的组件中
import Cookie from js-cookiejs-cookie 存取值
// js-cookie 存值
Cookie.set(key, 存进cookie的值)// js-cookie 取值
Cookie.get(key)// js-cookie 删值
Cookie.remove(key)注意cookie 和 local、sesion 一样存字符串 js-cookie 设置过期时间
// js-cookie 默认 expires 的值 为 天
Cookie.set(key, value, { expires: 7 }) // 表示 7 天过期// 想要 3个小时过期可以使用时间戳
const time new Date( new Date() 1000 * 60 * 60 * 3 ) // 表示 3 个小时过期时间戳表示
Cookie.set(key, value, { expires: time })时间转换关系 查看 cookie 值 和过期时间 东八区往前推了 8 个小时上图显示的时间加上 8 个小时和当前的时间做对比就可以得到 cookie 的过期时间多长
2、js深度克隆 js做一些引用类型的数据的时候需要用到深拷贝 export function deepClone(value) {// 非原始值有两种// 1、数组的克隆if(Object.prototype.toString.call(value) [object Array]) {let clone [];for(let i0;ivalue.length;i) {clone[i] deepClone(value[i]);}return clone}// 2、对象的克隆if(Object.prototype.toString.call(value) [object Object]) {let clone {}for(let key in value) {clone[key] deepClone(value[key])}return clone}return value; // 返回原始值
}
