函数的封装 一、本地根据 id 查询收藏历史(最近浏览)

一、

1、在src下创建以个名为utils文件,在utils下创建一个index.js文件 
2、在index.js下输入
	     //加入最近浏览 或收藏
        //组建中要调用的样式:
        //每个用户进来收藏和最近浏览不一样
        //存储在本地里面
        //数组   标识每个用户
        //用户名是唯一id
        //收藏列表:名字叫用户名+Browse

//username:用户唯一id
//name:收藏 或者 浏览历史
//item:存放的数据

export default {
  add(username, name, item) {    //函数
   let user = username + name			//让本地存储名为:唯一id+name
        if (localStorage.getItem(user)) {		//判断本地是否有数据
            let arr = JSON.parse(localStorage.getItem(user));
            //如果有数据 先先取出来 放在数组中
            arr.push(item)	//每次都添加数据
            localStorage.setItem(user, JSON.stringify(arr))	//王本地存数据
        } else {//本地存储没有数据
            let arr = [];
            arr.push(item);
            localStorage.setItem(user, JSON.stringify(arr))
        }
    }
}
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值