Loading [MathJax]/jax/output/CommonHTML/config.js
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >专栏 >cookie和localStorage

cookie和localStorage

作者头像
码客说
发布于 2019-10-21 09:15:11
发布于 2019-10-21 09:15:11
54300
代码可运行
举报
文章被收录于专栏:码客码客
运行总次数:0
代码可运行

Cookie

保存值

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
// 设置域
$.cookie(key, value, {expires: 7, path: '/', domain: classapi.domain, secure: false});
// 不设置域
$.cookie(key, value, {expires: -1, path: '/', secure: false});

删除值

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
// 设置域
$.cookie(key, null, {expires: -1, path: '/', domain: classapi.domain, secure: false});
// 不设置域
$.cookie(key, null, {expires: -1, path: '/', secure: false});

localStorage

保存值

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
window.localStorage.setItem(key, value);

删除值

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
window.localStorage.removeItem(key)

读取值

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
window.localStorage.getItem(key)
本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2019-08-21,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
暂无评论
推荐阅读
编辑精选文章
换一批
🎉Vue3优雅的监听localStorage变化🎉
原生的localStorage只能监听同源地址下不同页面的localStorage变化,作为单页面应用,显然不实用。所以我打算自定义一个hook监听localStorage的变化。
萌萌哒草头将军
2023/06/08
1.3K0
🔔叮~,你有几个系统级交互的React hooks待查收
最近摸鱼时间自己手动实现了几个系统级交互的hooks,由简单到复杂,依次分享给大家!
萌萌哒草头将军
2023/05/26
6000
🔔叮~,你有几个系统级交互的React hooks待查收
前端常用utils工具方法小总结
用户6297767
2023/11/21
2770
JavaScript LocalStorage 完整指南
对于大多数 web 浏览器,web 存储 API 提供了在浏览器中存储键值对的机制。它通常分为 localStorage 和 sessionStorage,两者之间的主要区别是浏览器存储数据的时间。使用 sessionStorage,「一旦会话结束或浏览器关闭,数据就会被删除」。但是,localStorage 中的数据会一直保存到清除为止。
用户8921923
2022/10/24
2.6K0
分享4 个你可能感兴趣的 TikTok 前端面试题
英文 | https://javascript.plainenglish.io/tiktok-interview-4-front-end-questions-youll-be-interested-to-know-about-0c00d4154786
winty
2024/01/14
5460
分享4 个你可能感兴趣的 TikTok 前端面试题
前端数据存储探秘:Cookie、LocalStorage与SessionStorage实用指南
在前端开发中,有三种主要的数据存储方式:Cookie、LocalStorage 和 SessionStorage。每种方式都有其特定的用途、存储限制和安全性问题。
Front_Yue
2024/09/07
6500
前端数据存储探秘:Cookie、LocalStorage与SessionStorage实用指南
html5之客户端存储
所谓的WebStorage指的是客户端存储,在这里指的是浏览器端存储,比如在网站上自动登陆这些功能,其实就是把一些少量的数据存储在浏览器等客户端中,这样可以减少没必要的请求到服务器,降低服务器的压力,给用户提供更好的体验.
一个淡定的打工菜鸟
2018/09/06
1.6K0
HTML5--sessionStorage、localStorage、manifest
sessionStroage: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> </script><scr
eadela
2019/09/29
5420
HTML5--sessionStorage、localStorage、manifest
活学活用! 用Local Storage实现多人聊天室
博主前几天写网站,服务端向浏览器下发cookies, 由于网络环境不太好, cookies下发可能会失败, 博主最后用Local Storage代替了cookies, 还是蛮好用的, 哈哈, 还是要主动拥抱新技术!
zhaoolee
2018/12/06
1.1K0
活学活用!  用Local Storage实现多人聊天室
浏览器本地存储方案
浏览器本地存储方案可以分为三个方面,分别为Cookie、Web Storage、IndexedDB。
WindRunnerMax
2021/01/18
7670
前端数据缓存 & 版本管理方案总结
越来越多的大型项目趋于 web 化,在浏览器中运行交互复杂的大型项目时,若每步交互都向后端提交 ajax 请求,除了增加服务器的负担外,等待相应的延迟也会降低用户体验。在前端项目中,使用 localstorage 进行数据缓存已是司空见惯的做法,但由于数据分布式地存储在多个前端浏览器中,因此数据的版本管理终究是绕不开的话题。
CS逍遥剑仙
2021/05/17
3K0
前端数据缓存 & 版本管理方案总结
JavaScript进阶 - 浏览器存储:localStorage, sessionStorage, cookies
在Web开发中,客户端存储技术对于保存用户偏好设置、缓存数据和跟踪用户活动至关重要。本篇博客将深入探讨三种主要的浏览器存储方式:localStorage, sessionStorage, 和 cookies,并讨论它们的常见问题、易错点以及如何避免这些问题。
Jimaks
2024/07/09
7620
前端学习(5)~html详解(三)
随着互联网的快速发展,基于网页的应用越来越普遍,同时也变的越来越复杂,为了满足各种各样的需求,会经常性在本地存储大量的数据,传统方式我们以document.cookie来进行存储的,但是由于其存储大小只有4k左右,并且解析也相当的复杂,给开发带来诸多不便,HTML5规范则提出解决方案。
Vincent-yuan
2020/02/23
6750
几种浏览器存储方法及其优缺点
在做项目的过程中,我们经常遇到需要把信息存储在本地的情况,比如权限验证的token、用户信息、埋点计数、客户配置的皮肤信息或语言种类等,我们可以暂存一下避免浏览器不必要的请求和客户多余操作,给客户使用带来方便。
前端下午茶
2018/10/22
6.9K0
LocalStorage、SessionStorage
window.sessionStorage和window.localStorage接口用于脚本在浏览器保存数据。
代码之风
2018/10/31
1K0
sessionStorage和localStorage的语法使用,区别和联系
之前,这些都是由 cookie 完成的。但是 cookie 不适合大量数据的存储,因为它们由每个对服务器的请求来传递,这使得 cookie 速度很慢而且效率也不高。
德顺
2019/11/12
1.2K0
Web Storage
本地存储:避免取回数据前页面空白,减少请求服务器次数 chrome浏览器,查看resources
超然
2018/08/03
9840
Web Storage
十、数据访问对象模式
数据访问对象模式主要是用来抽象和封装一个对象来对数据源进行访问和存储,这样可以方便对数据的管理,以及避免数据间的重复。覆盖等问题出现。
Qwe7
2022/06/11
4600
localStorage
蚍蜉撼大树,可笑不自量。——韩愈《调张籍》 我们可以使用LocalStorage在页面上存点东西,限制是5MB window.localStorage.setItem("ruben","Hello") 我们再取出来 window.localStorage.getItem("ruben") 如果我们要移除 window.localStorage.removeItem("ruben") 要移除全部 window.localStorage.clear()
阿超
2022/08/16
4490
localStorage
浅谈localStorage的性能
作者: John Allsopp 文章:分析了通过localStorage读写10KB的数据的时间
念念不忘
2019/03/29
3.5K0
相关推荐
🎉Vue3优雅的监听localStorage变化🎉
更多 >
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
本文部分代码块支持一键运行,欢迎体验
本文部分代码块支持一键运行,欢迎体验