美文网首页
localStorage缓存

localStorage缓存

作者: kino2046 | 来源:发表于2020-02-18 16:43 被阅读0次

本地缓存Storage

        localStorage及sessionStorage使用(没有过期时间,不清空就一直在)

        在审查台Application-Storage里查看

设置

    setItem(key, value)   添加或更新(如果数据项中已存在该key)数据项中指定key的value

获取

    getItem(key) 获取数据项中指定key对应的value

移出指定数据

    removeItem(key) 删除数据项中指定key的value

清空所有数据

    clear()  清空所有数据项


本地存储异同

共同点

        localStorage和sessionStorage和cookie共同点

                同域(同源策略)限制:同源策略:请求与响应的 协议、域名、端口都相同 则时同源,否则为 跨源/跨域

                存储的内容都会转为字符串格式

                都有存储大小限制

        localStorage和sessionStorage共同点

                API相同

                存储大小限制一样基本类似

                无个数限制

不同点

        localStorage

                没有有效期,除非删除,否则一直存在

                同域下页面共享

                支持 storage 事件

        sessionStorage

                浏览器关闭,自动销毁

                页面私有

                不支持 storage 事件

        cookie

                浏览器也会在每次请求的时候主动组织所有域下的cookie到请求头 cookie 中,发送给服务器端

                浏览器会主动存储接收到的 set-cookie 头信息的值

                可以设置 http-only 属性为 true 来禁止客户端代码(js)修改该值

                可以设置有效期 (默认浏览器关闭自动销毁)(不同浏览器有所不同)

                同域下个数有限制,最好不要超过50个(不同浏览器有所不同)

                单个cookie内容大小有限制,最好不要超过4000字节(不同浏览器有所不同)

相关文章

  • 浏览器缓存方法 localStorage

    设置缓存 localStorage.setItem(key, value) 获取缓存 localStorage.g...

  • HTTP缓存

    缓存类型:(私有缓存与共享(代理)缓存) 浏览器缓存:私有缓存localStorage;sessionStorag...

  • localStorage缓存

    本地缓存Storage localStorage及sessionStorage使用(没有过期时间,不清空就一直在)...

  • H5缓存

    sessionStorage localStorage 应用程序缓存 a) 可配置需要缓存的资源b) 网络无连...

  • 缓存

    本地缓存 localStorage 大小:5M 永久性存储session会话缓存 session...

  • Java Script 本地缓存

    本地缓存(数据存放到浏览器) 1、cookie 2、localStorage(永久缓存) (1)localStor...

  • localStorage 和 sessionStorage 的封

    localStorage 理论是永久存储的(只要浏览器缓存还在)。而这里封装 localStorage 是有期限的...

  • localStorage等问题

    最近整理了下个人对localStorage的一些见解: 特点: localStorage是浏览器永久缓存,除非主动...

  • 浏览器application中cache storage及app

    1、前言 前端缓存分为HTTP缓存和浏览器缓存,浏览存储也有很多方法,比如使用localStorage、sessi...

  • Cookie、Session、LocalStorage及HTTP

    title: Cookie、Session、LocalStorage及HTTP缓存控制date: 2018-10-...

网友评论

      本文标题:localStorage缓存

      本文链接:https://www.haomeiwen.com/subject/oyngfhtx.html