首页
学习
活动
专区
圈层
工具
发布
    • 综合排序
    • 最热优先
    • 最新优先
    时间不限
  • 来自专栏生如夏花绚烂

    本地存储

    本地特性 本地存储将数据存储在浏览器中 设置、读取方便刷新页面数据也不会丢失 容量大,sessionStorage约5M、localStorage约20M 只能存储字符串,将对象通过JSON.stingify ()编码后存储 本地特性 本地存储将数据存储在浏览器中 设置、读取方便刷新页面数据也不会丢失 容量大,sessionStorage约5M、localStorage约20M 只能存储字符串,将对象通过JSON.stingify ()编码后存储 window.sessionStorage 关闭浏览器窗口失效 在同一个页面数据共享 以键值对的形式存储使用 存储数据:sessionStorage.setItem(key,value) sessionStorage.remove(key) 删除所有数据:sessionStorage.clear() window.localStorage 永久有效,除非手动删除,否则关闭页面也会存在 多页面共享数据 键值对存储数据 存储数据:localStorage.setItem(key,value) 获取数据:localStorage.getItem(key) 删除数据:localStorage.remove(key) 删除所有数据

    1.4K30编辑于 2022-09-08
  • 来自专栏全栈自学笔记

    本地存储

    本地存储 随着互联网的快速发展,基于网页的应用越来越普遍,同时也变的越来越复杂,为了满足各种各样的需求,会经常性在本地存储大量的数据,HTML5规范提出了相关解决方案。 1.1.本地存储特性 1、数据存储在用户浏览器中 2、设置、读取方便、甚至页面刷新不丢失数据 3、容量较大,sessionStorage约5M、localStorage约20M 4、只能存储字符串,可以将对象 JSON.stringify() 编码后存储 1.2.window.sessionStorage 1、生命周期为关闭浏览器窗口 2、在同一个窗口(页面)下数据可以共享 3、以键值对的形式存储使用 存储数据 存储数据: localStorage.setItem(key, value) 获取数据: localStorage.getItem(key) 删除数据: localStorage.removeItem localStorage.clear(); }); </script> 1.4.案例:记住用户名 如果勾选记住用户名, 下次用户打开浏览器,就在文本框里面自动显示上次登录的用户名 案例分析 把数据存起来,用到本地存储

    1.6K20编辑于 2022-05-08
  • 来自专栏h5学习笔记

    本地存储

    随着互联网的快速发展,基于网页的应用越来越普遍,同时也变的越来越复杂, 为了满足各种各样的需求,会经常性在本地存储大量的数据,HTML5规范提出了相关解决方案。 1.本地存储特性 1、数据存储在用户浏览器中 2、设置、读取方便、甚至页面刷新不丢失数据 3、容量较大,sessionStorage约5M、localStorage约20M 4、只能存储字符串,可以将对象 JSON.stringify() 编码后存储 2.window.sessionStorage 1、生命周期为关闭浏览器窗口 2、在同一个窗口(页面)下数据可以共享 3、以键值对的形式存储使用 存储数据: 存储数据: localStorage.setItem(key, value) 获取数据: localStorage.getItem(key) 删除数据: localStorage.removeItem 清空数据:(所有都清除掉) localStorage.clear() 4.案例:记住用户名 如果勾选记住用户名, 下次用户打开浏览器,就在文本框里面自动显示上次登录的用户名 案例分析 把数据存起来,用到本地存储

    1.7K20发布于 2020-10-09
  • 来自专栏互联网软件技术

    本地存储之sessionStorage

    (IE 8和9存储数据仅基于同一主机名,忽略协议(HTTP和HTTPS)和端口号的要求)     2) 单标签页限制。 3) 只在本地存储。seesionStorage的数据不会跟随HTTP请求一起发送到服务器,只会在本地生效,并在关闭标签页后清除数据。 4) 存储方式。seesionStorage的存储方式采用key、value的方式。value的值必须为字符串类型(传入非字符串,也会在存储时转换为字符串。 5) 存储上限限制:不同的浏览器存储的上限也不一样,但大多数浏览器把上限限制在5MB以下。    可访问 http://dev-test.nemikor.com/web-storage/support-test/ 测试浏览器的存储上限。

    1.7K40发布于 2018-10-24
  • 来自专栏落影的专栏

    iOS本地数据存储

    前言 工作需要,特意准备一篇入门文章,为新人开发者介绍常见的数据存储。 正文 数据存储 数据存储本质就是运行时的对象保存在文件、数据库中。 ,该方法是多线程安全的单例,在沙盒中的存储是用plist进行保存。 比如说存储一个integer数据: [[NSUserDefaults standardUserDefaults] setInteger:1234 forKey:@"key_for_test"]; 读取存储的数据 nonatomic) int16_t gender; @property (nullable, nonatomic, copy) NSString *name; @end CoreData的具体使用: //从本地加载对象模型 总结 iOS的本地数据存储,其实就是内存数据的序列化和反序列化。

    3.4K20发布于 2019-07-15
  • 来自专栏小孟开发笔记

    js本地存储:localStorage

    一.简介 localStorage会可以将第一次请求的数据直接存储本地,这个相当于一个5M大小的针对于前端页面的数据库 ——注意:在IE8以上的IE版本才支持localStorage这个属性。 localStorage属于永久性存储,如果存储内容多的话会消耗内存空间,会导致页面变卡。 二.具体使用方式如下: 1.localStorage – 没有时间限制的数据存储    var arr=[1,2,3];    localStorage.setItem("temp",arr); //存入 JSON对象   obj=JSON.parse(localStorage.getItem("temp2")); 四.在谷歌浏览器查看 localStorage: 未经允许不得转载:肥猫博客 » js本地存储

    5.4K20编辑于 2023-03-24
  • 来自专栏技术知识总结

    线程本地存储 ThreadLocal

    线程本地存储 · 语雀 (yuque.com) 线程本地存储提供了线程内存储变量的能力,这些变量是线程私有的。 线程本地存储一般用在跨类、跨方法的传递一些值。 线程本地存储也是解决特定场景下线程安全问题的思路之一(每个线程都访问本线程自己的变量)。 Java 语言提供了线程本地存储,ThreadLocal 类。 InheritableThreadLocal 在创建子线程的时候(初始化线程时),在 Thread#init() 方法中拷贝父线程中本地变量的值到子线程的本地变量中,子线程就拥有了和父线程一样的本地变量 TTL 的需求场景 需求场景说明 总结 使用 ThreadLocal 库友好地解决了线程本地存储的问题,但是它还存在父子线程值传递丢失的问题,于是 JDK 又引入了 InheritableThreadLocal 参考资料 30 | 线程本地存储模式:没有共享,就没有伤害-极客时间 (geekbang.org) ThreadLocal原理分析及内存泄漏演示-极客时间 (geekbang.org) ThreadLocal

    2.6K20编辑于 2022-08-08
  • 来自专栏互联网软件技术

    本地存储之cookie

    JS操作cookies方法 :   1.cookie若不设置过期时间关闭浏览器后会自动清除数据   2.存储限制4k   3.同地址下其他文件也能读取到     cookie用字符串拼接即可     cookie

    1.8K50发布于 2018-10-24
  • 来自专栏start

    本地存储的方式

    页面关闭数据还在 sessionStorage定义:为每一个数据源维持一个存储区域,在浏览器打开期间存在,包括页面重新加载 保存JSON格式的数据之前,需要把JSON格式的数据转换为字符串,称为序列化 var stringData = JSON.stringify(jsonObject); 如果把存储的Storage中的数据以JSON格式对象的方式去访问,需要把字符串数据转换为JSON格式的数据,成为反序列化

    54510编辑于 2024-03-20
  • 来自专栏Devops专栏

    jquery 本地存储 localStorage

    localStorage 2、localStorage 存储本地,容量为5M或者更大,不会在请求时候携带传递,在所有同源窗口中共享,数据一直有效,除非人为删除,可作为长期数据。 456'; //获取: localStorage.getItem("dat"); localStorage.dat //删除 localStorage.removeItem("dat"); 这种存储方式已经作为较大本地缓存使用来使用 可以看到,已经有存储的数据了,那么下面来看看删除。 ? 访问浏览器如下: ? 可以看到已经删除了。

    2.9K20发布于 2019-05-30
  • 来自专栏互联网软件技术

    本地存储之localStorage

    localStorage:   存储上限限制:不同的浏览器存储的上限也不一样,但大多数浏览器把上限限制在5MB以下。    localStorage与sessionStorage的区别:就是localStorage属于永久性存储,而sessionStorage属于当会话结束的时候,sessionStorage中的键值对会被清空

    1.7K30发布于 2018-10-24
  • 来自专栏MySQLBeginner

    容器化RDS|计算存储分离 or 本地存储

    因此存储架构的选型至关重要。到底是选择计算存储分离还是本地存储? 本文就这个问题,从以下几点展开: 回顾:计算存储分离, 本地存储优缺点 MySQL 基于本地存储实现数据零丢失 性能对比 基于 Docker + Kubernetes 的实现 来分享个人理解。 回顾:计算存储分离,本地存储优缺点 ? 还是从计算存储分离说起。 计算存储分离 ? 接下来,进入正题,看一下 MySQL 基于本地存储如何实现数据库零丢失。 MySQL 基于本地存储数据零丢失 ? 性能对比3:本地存储 / 计算存储分离 为了对比本地存储和计算存储分离,专门使用 MGR + 本地存储架构和 基于分布式存储的计算存储分离架构做性能对比。

    3.8K22发布于 2019-04-24
  • 来自专栏岳泽以博客

    本地存储——sessionStorage和localStorage

    随着互联网的快速发展,基于网页的应用越来越普遍,同时也变得越来越复杂,为了满足各种各样的需求,会经常性在本地存储大量的数据,HTML5规范提出了相关解决方案。 本地存储特性: 数据存储在用户浏览器中 设置、读取方便、甚至页面刷新不丢失数据 容量较大,sessionStorage约5M,localStorage约为20M 只能存储字符串,可以将对象JSON.stringify ()编码后存储 window.sessionStorage 生命周期为关闭浏览器窗口 在同一个窗口(页面)下数据可以共享 以键值的形式存储使用 存储数据: sessionStorage.setItem( script> </body> </html> window.localStorage 生命周期永久有效,除非手动删除,否则关闭页面也会存在 可以多窗口(页面)共享(同一个浏览器可以共享) 以键值对的形式存储使用 存储数据: localStorage.setItem(key, value); 获取数据: localStorage.getItem(key); 删除数据: localStorage.removeItem

    1.1K20编辑于 2022-10-26
  • 来自专栏h5学习笔记

    本地存储应用案例 ToDoList

    2、toDoList 分析 刷新页面不会丢失数据,因此需要用到本地存储 localStorage 核心思路: 不管按下回车,还是点击复选框,都是把本地存储的数据加载到页面中,这样保证刷新关闭页面不会丢失数据 切记: 页面中的数据,都要从本地存储里面获取,这样刷新页面不会丢失数据,所以先要把数据保存到本地存 储里面。 最后把数组存储本地存储 (声明函数 savaDate()) // 1. (data));   }; 4、本地存储数据渲染加载到页面 因为后面也会经常渲染加载操作,所以声明一个函数 load,方便后面调用 先要读取本地存储数据。 核心原理:先获取本地存储数据,删除对应的数据,保存给本地存储,重新渲染列表li 我们可以给链接自定义属性记录当前的索引号 根据这个索引号删除相关的数据----数组的splice(i, 1)方法

    2.7K20发布于 2020-10-09
  • 来自专栏沃趣科技

    容器化RDS|计算存储分离 or 本地存储

    数据库服务的需求可以简化为: 实现数据零丢失的前提下,提供可接受的服务能力 因此存储架构的选型至关重要. 到底是选择计算存储分离还是本地存储? 本文就这个问题, 从以下几点展开 : ●回顾 : 计算存储分离, 本地存储优缺点 ●MySQL 基于本地存储实现数据零丢失 ●性能对比 ●基于 Docker + Kubernetes 的实现 分享个人理解 本地存储 如果在意计算存储分离架构中提到的缺点, 本地存储可以有效的打消类似顾虑, 无需引入分布式存储, 避免Storage Verdor Lock In 风险, 所有问题都由DBA 闭环解决,. 接下来, 进入正题, 看一下 MySQL 基于本地存储如何实现数据库零丢失. 性能对比3 : 本地存储 / 计算存储分离 为了对比本地存储和计算存储分离, 专门使用 MGR + 本地存储架构 和 基于分布式存储的计算存储分离架构做性能对比.

    9.9K80发布于 2018-03-21
  • 来自专栏Triciaの小世界

    localstorage本地存储的方法

    通常我们把用户信息存储到仓库中时,刷新后信息会丢失。一般还会再存储本地。 方法如下: 其中Profile是用户信息类型注解 import {Profile} from '@/types/user' const key = 'my_key' // 存储用户信息 export const

    73720编辑于 2023-04-12
  • 来自专栏iOS小生活

    Flutter 中的本地存储

    在Flutter中,我们使用shared_preferences组件来实现本地数据的存储。 ", "大傻子"); } // 获取数据 _getData() async { print(await Storage.getString("name")); } 注意,这里只是讲了自己封装数据存储的思路

    2.8K20发布于 2019-09-16
  • 来自专栏达达前端

    localStorage和sessionStorage本地存储

    什么是 web storage Web Storage 可以在客户端保存大量的数据,Web Storage本地存储的优势: 第一,存储容量大。 第二,零带宽。 Web Storage 中的数据仅仅存储本地,不会与服务器发生任何交互行为,不存在网络带宽的占用问题。 第三,编程接口。提供了一套丰富的接口,使得数据操作更加方便。 第四,独立的存储空间。 localStorage 和 sessionStorage 在 Web Storage 本地存储 包括 sessionStorage 会话存储 和 localStorage 本地存储。 //清空数据 window.localstage.clear() // 清空本地存储中的所有数据 什么是localStorage和sessionStorage? localStorage(长期存储)、sessionStorage(会话存储)是H5中的本地web存储提供的两个接口, 相当于前端一个小型的本地数据库,用于在本地存储一些不敏感的数据,隶属于window

    2.3K30发布于 2021-02-04
  • 来自专栏flutter开发者

    Flutter中的本地存储

    好吧,还是回归今天的主题,我们还是来看下Flutter中的本地存储吧 Flutter本地存储 ---- 和Android、Ios类似,Flutter也支持Preferences(Shared Preferences 文件存储 ---- 和SharedPreferences操作一样,Flutter内部并没有提供对本地文件的支持,但是官方给我们提供了第三方的支持库哦。 首先我们先获取存储目录 然后在本地建立文件(不存在这个名字的自动创建并返回,存在则直接返回这个文件对象),名字就叫做 nameFile吧。 然后就是存储输入框内的内容了 我们使用上面获取到的文件直接直接调用writeAsString即可,当然它会把这个文件对象返回给你,你可以存储下这个文件对象在下次使用 最后,我们来读取本地的文件 我们直接调用 可以看到数据库文件已经在应用目录下了,数据库文件我就不拿出来看了哈 其实,今天提到的本地存储操作都是比较简单,大家可以在下面多多试一试相应的操作,因为在以后的应用开发过程中会用的很多的。

    5.7K30发布于 2019-08-06
  • 来自专栏前端笔记ing

    : 客户端本地存储

    是客户端存储数据的选项之一,它主要用于客户端存储会话信息。 同一个域名下的所有请求,都会携带 Cookie,某些请求(a,img,link等标签发出的请求)可能不需要此cookie,会加大传输的头部,损耗一定时空开销 安全问题:客户端可以通过一定手段(脚本,devtools,本地存储的文件 ,修改host文件)获取到,存在XSS,CSRF等安全问题 解决安全问题的方案 减短cookie的有效时间 添加HttpOnly属性:防止本地脚本读取cookie 服务端对传送的cookie加密 添加 存储于客户端,不会服务端发生通信 缺点 只能存储字符串,JSON对象需要转换为json string 存储 只适用于存储少量简单数据 localStorage需要手动删除 sessionStronge // 获取sessionStronge 个数 sessionStorage.length localStronge 本地数据持久化

    1.7K30发布于 2021-10-11
领券