js本地存储

以下面这条数据作为数据源

const  userList = [
	{
		id: '13426',
		name: '张三'
	}，
	{
		id: '13427',
		name: '李四'
	}
]

localStorage

特点：5M左右存储空间，存储没有时间限制，支持IE8以上浏览器

//  把 JSON 对象转化为字符串存到localStorage
localStorage.setItem('user', JSON.stringify(userList ))

//  取值并把字符串转为 JSON 对象
JSON.parse(localStorage.getItem('user'))

//  移除特定localStorage中的数据
localStorage.removeItem('user')

//  清空localStorage
localStorage.clear()

sessionStorage

特点：5M左右存储空间，仅在当前会话下有效，关闭页面或浏览器后被清除

//  添加sessionStorage并转为字符串形式
sessionStorage.setItem('user', JSON.stringify(userList ))

//  获取sessionStorage并转为JSON对象
JSON.parse(sessionStorage.getItem('user'))

//  移除特定sessionStorage中的数据
sessionStorage.removeItem('user')

//  清空sessionStorage
sessionStorage.clear()

cookie

特点： 一般由服务器生成，可设置失效时间，携带在HTTP头中

function setcookie(name,value,days){
    const cookie = name + '=' + encodeURIComponent(value);
    if(typeof days== 'number'){
        cookie += ';max-age='+(days*60*60*24);
    }
    document.cookie = cookie;
 }
 setcookie('username','laike',6)