浏览器的存储方式

最新推荐文章于 2021-04-09 20:12:09 发布
最新推荐文章于 2021-04-09 20:12:09 发布
阅读量57 收藏 1
点赞数 1
分类专栏： 前端面试
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_41358807/article/details/114737242
版权

cookie

缺点：请求头上带有数据，导致流量增加
当expires设置的日期过了，cookie会自动删除，
同源可共享cookie
数据限制不能超过4k

localStoorage

永久存储，永不删除
在所有同源窗口中共享
数据限制5M

sessionStorage

在当前页面有效，当前页面关闭后被清空
不在不同浏览器页面中共享
数据限制5M

谢家的晓敏
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
常见的浏览器存储方式（cookie、localStorage、sessionStorage）
10-17
本文将详细介绍三种常见的浏览器存储方式：Cookie、localStorage 和 sessionStorage。 首先，Cookie 是最早的浏览器存储方式，它基于HTTP规范，主要用于识别用户。当服务器向浏览器发送响应时，可以包含Set-Cookie...
鲶鱼浏览器存储 jLos v1.0.0
10-11
【鲶鱼浏览器存储 jLos v1.0.0】是一个专为Catfish（鲶鱼）CMS设计的本地存储解决方案。它旨在提供一个高效且易于使用的机制，以便在用户浏览器中存储数据，并确保这些数据在浏览器关闭后仍能保持持久性。这个技术的...
web基于浏览器的本地存储方法应用
09-05
`localStorage` 是一种持久化的存储方式，数据可以在用户关闭浏览器后再恢复，而`sessionStorage`则只在当前会话期间有效。对于`localStorage`，每个域可以存储高达5MB的数据，远超Cookie的限制，非常适合用来存储...
鲶鱼浏览器存储 jLos源代码
03-18
jLos由Catfish(鲶鱼) CMS出品，用于浏览器本地存储，可以在浏览器中持久存储数据，即使浏览器被关闭后数据也不会丢失。 jLos特点： 使用方便 jLos使用很方便，使用者只需要简单使用而不用考虑太多实现细节。 开源 ...
display:flex和三列布局
weixin_41358807的博客
01-27 1517
flex 弹性盒子 在父元素上设置display：flex 弹性改变父元素中的子元素 默认情况下：有一条水平的主轴，所有子元素按照主轴方向排列，在主轴方向没有宽度，在侧轴方向宽度填满。主轴方向元素变多时，自动挤压 父元素属性 flex-direction表示主轴方向： 1.row表示主轴水平方向排列，从左到右，侧轴垂直从上到下 row-reverse表示主轴水平，从右到左排列 2.column表示主轴垂直方向排列，从上到下 column-reverse表示主轴垂直方向排列，从下到上 justify-cont
Proxy代理
weixin_41358807的博客
03-26 1120
是一个对目标对象操作的拦截器，拦截对目标对象的操作并自定义一些行为 let p=new Proxy(target,handler) //target指目标对象，handler指（包含操作时定义代理的行为的属性）一个对象 vue使用proxy替换Object.defineProperty方法给属性添加set,get的办法，直接监控data对象 ...
async_await用法
weixin_41358807的博客
01-31 365
async作为修饰关键字修饰在函数前，表示该函数是一个异步函数 await的使用必须有async关键字 await等待的必须是一个promise对象 async返回的是一个promise对象 asyn function A(){ return '星星';} A().then(result=>{console.log(result);}) 没有await的执行 function A(){ return new Promise((resolve,reject)=>{ .
js中for和forEach的区别（数组扁平化）
weixin_41358807的博客
03-22 304
上代码 function deepFlatten(arr){ // const res=[] // arr.forEach(element => { // if(Array.isArray(element)){ // res=res.concat(deepFlatten(element)) // }else{ // res.push(element) // } // });
“==”和“===”的区别
weixin_41358807的博客
01-22 282
=== 类型不同，值相同返回false 类型相同，值不同返回true == 类型不同，值相同，自动转换类型再比较，返回true
从输入url到页面渲染的全过程+DNS解析
weixin_41358807的博客
04-09 245
全过程 输入url后，浏览器先查看浏览器缓存、本地缓存、路由缓存，若没有则进行下一步 进行域名解析（DNS），获取对应的ip地址 浏览器宇服务器进行tcp三次握手 浏览器发送HTTP请求，请求数据包 服务器获取请求，将数据返回给浏览器 浏览器收到响应后读取解析HTML源码，生成DOM数，解析css,解析js 浏览器于服务器进行ajax查询 DNS解析 浏览器检查自身缓存、检查操作系统缓存 浏览器向本地服务器发起请求 本地服务器向根域名服务器发起请求，返回给本地服务器一个国际顶尖域名服务器的地址 本地服
Vue开发项目中踩过的坑
weixin_41358807的博客
03-18 197
表单重置：只会重置为刚开始第一次定义的值，若初始化的时候不为空，则重置后也不为空。 阿里巴巴图标库可以开源导出漂亮的图标文件，并且生成相应的类，可以之间导入项目使用。
构造函数写法和prototype
weixin_41358807的博客
01-26 189
构造函数规则 1.调用的时候必须和new连用 2. 内部不能写return： 1. return基本数据类型，return无效 2. return复杂数据类型，构造函数无效（内部定义变量和方法无效） 3.构造函数首字母大写以区别普通函数 prototype 每一个函数天生自带一个属性，叫prototype（原型），他是一个对象，在里面写方法是为了给多个对象共享使用的。 每一个prototype里带有一个constructer（构造器），表示是哪一个构造函数伴生的原型对象，用来判断数据类型。 _pr
常用的四种设计模式
weixin_41358807的博客
03-20 178
单例模式 一个构造函数一生只能有一个实例 function Person(){ this.name='Jack' } //核心代码 let instance=null function(){ if(!instance) instance=new Person() return instance } const p1=singleTon() const p2=singleTon() //改造单例模式 const Person(function(){ function(name,age,gender
内存泄漏和垃圾回收机制
weixin_41358807的博客
01-28 171
内存泄漏 不用的内存没有及时的释放，就叫内存泄漏 垃圾回收机制 垃圾回收机制会定期地找出不在使用的内存，将其释放掉 常用的垃圾回收机制有：标记清除、引用计数 1.清除标记 当变量进入环境时，被标记为“进入环境”，进入环境的变量不会被释放内存，当其离开环境时被标记为离开环境。 垃圾回收机制在运行的时候会给存储在内存的所有变量加上标记，然后去掉在环境中的变量以及被环境中的变量引用的变量的标记。 删掉被标记的变量的值并且回收它们所占用的内存空间。 2.计数引用 跟踪记录每个值被引用的次数 当这个值赋值给一个变量，
this
weixin_41358807的博客
01-25 164
this是使用再一个作用域内部的关键字，全局很少用，大部分用于函数内部使用。 指向： 全局使用：指向window 函数使用：不管函数怎么定义，只看函数的调用（箭头函数除外） 1.普通调用（直接调用/全局调用） 函数名（):this->window 2.对象调用 xxx.函数名（）：this->xxx 3.定时器处理函数：this->window setTimeout() setinterval() 4.事件处理
事件轮询
weixin_41358807的博客
03-12 153
js是一种单线程语言，事件轮询就是用来解决一些单线程带来的问题； 首先我们来了解一下宏任务和微任务 宏任务：script，setTimeOut,setTimeInterval 微任务：promise.then,promise.nextTick,Object.observer promise是同步任务 首先，script中全部的代码作为一个宏任务进入栈中； 先执行同步任务 然后，将所有的宏任务放入宏任务队列，微任务放入微任务队列 先清空微任务队列，再取一个宏任务执行，再清空微任务队列 依次循环，直到所有的任务
display:none,visibility:hidden,opacity:0
weixin_41358807的博客
01-27 143
去
generator
weixin_41358807的博客
01-31 133
generator是函数生成器 在定义时，在function和函数名之间加一个 “ * ” 内部使用yield关键字，这个关键字类似return，返回一个结果并让函数暂停。当在粗回到这个函数时，继续执行下面的代码到下一个yield; 用next()依次调用 function *A(){ console.log('我是小卓'); yield '我去钓鱼'; console.log('我是小敏'); yield '我去煮鱼'; console.log('小卓和小敏');
get和post区别
weixin_41358807的博客
01-29 132
get请求可以缓存，post请求不可以缓存 get传参放在url中，post传参放在请求体中 get比Post更不安全，直接暴露在url上，不能用来传递敏感信息 get请求传递的参数又长度限制，post没有 get请求会被浏览器主动cache,post不会，除非主动设置 get只进行url编码，post支持多种方式编码 get请求会被完整保留在浏览器记录里，post不会 get一次性发送请求头和数据，返回200；Post发送两个请求包，发送一个请求头，收到响应100，发送一个数据，收到响应200； get.
介绍一下浏览器存储的三种方式用法
最新发布
05-20
浏览器存储主要有以下三种方式： 1. Cookie Cookie 是一种浏览器存储方式，主要用于存储用户在网站上的数据，例如登录信息、购物车等。使用 JavaScript 可以轻松地读取和设置 Cookie，可以通过 document.cookie ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值