Javascript本地存储localStorage看这一篇就够了

最新推荐文章于 2024-08-30 11:12:09 发布
最新推荐文章于 2024-08-30 11:12:09 发布
阅读量190 收藏
点赞数 2
文章标签： 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_46742102/article/details/141528117
版权
  • 数据存储在用户浏览器中，其实是保存在硬盘中
  • 页面刷新不丢失数据
  • sessionStorage和localStorage约 5M 左右

localStorage.setItem(key, value)
localStorage.getItem(key)
localStorage.removeItem('uname')

小镇程序员
关注
  • 2
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
【2024最新版】JavaScript前端面试篇，看这一篇就够了
A的博客
07-22 1078
在 JavaScript 中，当一个函数（我们称之为外部函数）返回另一个函数（内部函数）时，内部函数会保留对外部函数作用域的引用，这样即使外部函数已经执行完毕，内部函数仍然可以访问到外部函数的作用域，这就形成了一个闭包。闭包有很多用途，比如：创建私有变量：JavaScript 中没有原生的私有变量概念，但我们可以使用闭包来模拟私有变量。实现持久化的局部变量：正常情况下，函数的局部变量在函数执行完毕后就会被销毁，但如果我们将这个局部变量通过闭包暴露出去，那么这个局部变量就会一直存在。
JavaScript本地储存:localStorage、sessionStorage、cookie的使用
shengyin714959的博客
05-30 98
javaScript有三种数据存储方式，分别是： sessionStorage localStorage cookier 1. sessionStorage sessionStorage仅在当前会话下有效，关闭页面或浏览器后被清除； setItem(key,value) 设置数据 getItem(key) 获取数据 removeItem(key) 移除数据 clear() 清除所有值 1 2 3 4 5 6 7 8 9
请描述一下cookies，sessionStorage和localStorage的区别
天心天地生的博客
11-17 340
cookie 和 session的区别 cookie数据始终在同源的http请求中携带（即使不需要），即cookie在浏览器和服务器间来回传递。而sessionStorage和localStorage不会自动把数据发给服务器，仅在本地保存。cookie数据还有路径（path）的概念，可以限制cookie只属于某个路径下。 存储大小限制也不同，cookie数据不能超过4k，同时因为每次http请求...
cookie、localStorage和sessionStorage详解
weixin_40381947的博客
04-10 2835
cookie是浏览器提供的一种机制，可以由JavaScript对其进行操作（设置、读取、删除）。cookie是客户端与服务器端进行会话使用的一个能够在浏览器本地化存储的技术。会话跟踪技术：浏览器和服务器在进行多次请求间共享数据的过程，称为会话跟踪技术。每一个 HTTP 请求都会在请求头中携带 cookie 到服务端每一个 HTTP 响应都会在响应头中携带 cookie 到客户端也就是说，cookie 是不需要我们手动设置，就会自动在 客户端 和 服务端之间游走的数据。
本地存储cookie、localStorage和sessionStorage示例详解
菜鸟教程
05-06 701
cookie是浏览器提供的一种机制，可以由JavaScript对其进行操作（设置、读取、删除）。cookie是客户端与服务器端进行会话使用的一个能够在浏览器本地化存储的技术。会话跟踪技术：浏览器和服务器在进行多次请求间共享数据的过程，称为会话跟踪技术。每一个 HTTP 请求都会在请求头中携带 cookie 到服务端每一个 HTTP 响应都会在响应头中携带 cookie 到客户端也就是说，cookie 是不需要我们手动设置，就会自动在 客户端 和 服务端之间游走的数据。
JavaScript扩展知识点 02、本地存储(cookie与localstorage)
每个人都是独一无二的，把握好自己的节奏，跟着自己的心走。
05-08 1364
文章目录前言一、cookie1.1、认识cookie1.2、cookie的基本用法(写入、读取)1.3、cookie的属性(6个)1.4、Cookie封装方法14.1、模块化封装(含测试)1.4.2、实现中英文切换(利用Cookie)1.5、cookie的注意事项二、localStorage2.1、认识与查看localStorage2.2、local storage的基本使用2.3、实际应用：表单填充2.4、注意事项三、查看js语言是否在不同浏览器具有兼容性网站三、查看js语言是否在不同浏览器具有兼容性网站
Java面试？看这一篇就够了
qq_33105531的博客
03-02 2706
注：以下内容仅为自己学习时所做笔记 Java面试Java面向对象有哪些特征，如何应用HashMap原理是什么，在jdk1.7和1.8中有什么区别ArrayList和LinkedList有什么区别高并发中的集合有哪些问题jdk1.8的新特性有哪些一、接口的默认方法二、Lambda 表达式三、函数式接口四、方法与构造函数引用五、Lambda 作用域六、访问局部变量七、访问对象字段与静态变量八、访问接口的默认方法九、Date API十、Annotation 注解Java中重写和重载有哪些区别接口和抽象类有哪些区别
JavaScript学习笔记—基础篇(本地存储技术2—localStorage)
heal_l的博客
07-06 289
目录 什么是localStorage? 基础使用： 特点 SessionStorage 总结 区别： 本地存储技术区别 共同点： 什么是localStorage? 【注意：】H5新增，有兼容问题，IE低版本不可使用。 为了解决cookie的存储空间（4KB）不足的问题。localStorage 可以存储5M左右。 【注意】如果访问一个对象不存在的属性时，返回值是undefined。 基础使用： 添加： 格式：loclStorage.属性名 = 属性值； ...
【HTML5高级第一篇】Web存储 - cookie、localStorage、sessionStorage
前端知识分享喵
09-04 2116
Web存储 - cookie、localStorage、sessionStorage
JS localStorage实现本地缓存的方法
12-09
JavaScript 的 `localStorage` API 是一种在用户浏览器中存储数据的有效方式，它允许应用程序在本地持久化数据，即使页面被关闭或重新加载，这些数据也能保持不变。本篇将详细讲解如何利用 `localStorage` 实现本地...
JavaScript代码片段
weixin_66128399的博客
08-26 1862
使用场景是：后端列表查询接口，某个字段前端不传，后端就不根据那个字段筛选，例如name不传的话，就只根据page和pageSize筛选，但是前端查询参数的时候（vue或者react）中，往往会这样定义。给后端发送数据的时候，要判断某个属性是不是空字符串，然后给后端拼参数，这块逻辑抽离出来就是cleanObject，代码实现如下。leading-true，trailing-true：在延时开始时就调用，延时结束后也会调用。//第一个参数指定位数，第二个字符串指定字符，都是可选参数，如果都不传，默认生成8位。
HTML ＜template＞ 标签的基本技巧
最新发布
ufrontend的博客
08-30 392
HTML中的标记是 Web 开发中一个功能强大但经常未得到充分利用的元素。它允许你定义可重复使用的内容，这些内容可以克隆并插入 DOM 中而无需最初渲染。此功能对于创建动态、交互式 Web 应用程序特别有用。在本文中，我们将探讨有效使用 标记的 10 个基本技巧，帮助你在项目中充分发挥其潜力。1. 了解 标记的基础知识 标记是一个 HTML 元素，它包含页面加载时不会渲染的客户端内容。
前端的面试题
本人小可爱
08-30 96
【代码】前端的面试题。
Window Performance API
Bruce__taotao的博客
08-28 1259
Window Performance API 是一组浏览器提供的接口，用于收集和分析网页性能数据。它允许开发者精确地测量网页加载时间、资源加载时间、用户交互延迟等性能指标，从而优化用户体验。1. 主要接口1.1返回一个高精度时间戳，通常用于计算精确的时间差。例如，你可以用它来测量函数执行时间。使用场景: 精确计算代码段的执行时间。// 执行某个任务console.log(`执行时间:${// 执行某个任务 const end = performance . now();
vue ref和reactive区别
灰海
08-25 3551
在第二个示例中，我们使用了reactive来创建一个名为state的响应式对象，它包含name和age两个属性。在模板中，我们通过{{ state.name }}和{{ state.age }}来显示state对象的属性值。在第一个示例中，我们使用了ref来创建一个名为count的响应式引用，它是一个简单的数字类型。在模板中，我们通过{{ count }}直接显示count的值，而不需要.value前缀，因为Vue的模板语法会自动处理ref的.value访问。
vue3插件原理
m0_46281382的博客
08-26 1862
简述vue3中use方法加载第三方插件原理
零基础5分钟上手亚马逊云科技-云原生架构设计
m0_66628975的博客
08-26 2789
欢迎来到小李哥全新亚马逊云科技AWS云计算知识学习系列，适用于任何无云计算或者亚马逊云科技技术背景的开发者，通过这篇文章大家零基础5分钟就能完全学会亚马逊云科技一个经典的服务开发架构方案。我会每天介绍一个基于亚马逊云科技AWS云计算平台的全球前沿云开发/架构技术解决方案，帮助大家快速了解国际上最热门的云计算平台亚马逊云科技AWS最佳实践，并应用到自己的日常工作里。
AI 大模型时代，对前端工程师有哪些机遇和挑战？
Z4400840的博客
08-28 1343
AI 大模型时代为前端工程师带来了丰富的机遇，同时也带来了挑战。前端工程师需要积极适应这些变化，掌握新的技能，以抓住时代发展的红利。通过不断学习和提升技术水平，前端工程师可以在AI时代中发挥更大的作用，创造更多的价值。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值