zoukankan      html  css  js  c++  java
  • localStorage

       localStorage 
                也是 浏览器提供的功能,作用与 cookie 类似

                区别: 1 , cookie前端,后端都可以操作
                          localStorage 只有前端可以操作

                      2 , cookie 可以设定时效,过期自动删除
                          localStorage 默认是永久存在

                      3,  cookie 可以存储内容比较少
                          localStorage 可以存储数据信息比较多

                      4,  cookie 没有定义好的JavaScript方法使用
                          localStorage 有 定义好的方法可以直接使用

                      5,  cookie 默认有 作用域
                          localStorage 任意文件都可以使用

                      6,  cookie 键值可以是任意数据类型
                          localStorage 必须是 纯字符串或者json字符串
                                       localStorage 的键值 一般都设定为 json串


                    操作 localStorage 的方法
                    设定  localStorage.setItem( 键名 , 键值 )
                    获取  localStorage.getItem( 键名 )
            */

            const arr = [
                {name:'张三',age:181,sex:'男'},
                {name:'李四',age:182,sex:'男'},
                {name:'王五',age:183,sex:'男'},
                {name:'赵六',age:184,sex:'男'},
            ];

            // 设定,数据类型一般是json串类型
            localStorage.setItem( 'msg' , JSON.stringify( arr ) );

            // 获取,
            const res = JSON.parse( localStorage.getItem('msg') );
            console.log(res);
    右侧打赏一下 代码改变世界一块二块也是爱
  • 相关阅读:
    借Adobe XD之力,自动生成Flutter代码
    阿里云移动研发平台体验报告
    一年的时间,我出版了一本实体书
    论一个前端开发者的自我修养
    es6 中模块的使用总结
    vue前端UI框架收集
    页面布局进化史
    JSON是一种轻量级数据交换格式
    web图片裁切插件 cropper.js 详细介绍
    css3中的@font-face你真的了解吗
  • 原文地址:https://www.cnblogs.com/ht955/p/14113821.html
Copyright © 2011-2022 走看看