只能前端操作

是浏览器提供的功能

存储的数据,只要你不主动删除,会一直存在
localStorage,能存储的数据,每个浏览器也不同,一般是 4M
localStorage,有JavaScript准备好的方法来使用
localStorage,存储的数据,数据必须是字符串 或者 json字符串
localStorage,就是项目中的所有文件都能访问

设定

window.localStorage.setItem('键名' , 键值);
    // 设定
    window.localStorage.setItem( 'name' , '张三' );
    window.localStorage.setItem( 'msg' , JSON.stringify({name:'张三',age:18,sex:'男'})  );

获取

window.localStorage.getItem('键名');
    // 获取
    console.log( window.localStorage.getItem( 'name' ) );
    console.log( JSON.parse( window.localStorage.getItem( 'msg' ) ))

删除

window.localStorage.removeItem('键名');
    // 删除
    window.localStorage.removeItem('msg')
    window.localStorage.removeItem('name')

总结:

一般存储都是 json字符串   获取 还要 还原

与 cookie 的区别

cookie前端后端都能操作
localStorage只能前端操作

cookie会有效
localStorage永远存在

cookie同源才能访问
localStorage都能访问

cookie字符串键值对
localStorage可以是字符串,可以是json串

cookie存的少
localStorage存的多

一沙一世界,一花一天堂。君掌盛无边,刹那成永恒。