HTML5 中的本地存储概念是什么?生命周期有多长?

原创 395721938 随笔 笔记 253阅读 2017-12-15 15:37:47 举报

HTML5 中的本地存储概念是什么?生命周期有多长?

  • 答:随着互联网的快速发展,基于网页的应用越来越普遍,同时也变的越来越复杂,
    为了满足各种各样的需求,会经常性在本地存储大量的数据,传统方式我们以 document.cookie 来进行存储的,但是由于其存储大小只有 4k 左右,并且解析也相当的复杂,给开发带来诸多不便,HTML5 规范则提出解决方案。HTML5 storage提供了一种方式让网站能够把信息存储到你本地的计算机上,并再以后需要的时候进行获取。这个概念和cookie 相似,区别是它是为了更大容量存储设计的。

1 特性
1、设置、读取方便
2、容量较大,sessionStorage 约 5M、localStorage 约 20M
3、只能存储字符串,可以将对象 JSON.stringify() 编码后存储
2 window.sessionStorage
1、生命周期为关闭浏览器窗口
2、在同一个窗口下数据可以共享
3.不在不同的浏览器窗口中共享,即使是同一个页面;
3 window.localStorage
1、永久生效,除非手动删除,因此用作持久数据
2、可以多窗口共享
4 相关的一些方法详解
setItem(key, value) 设置存储内容
getItem(key) 读取存储内容
removeItem(key) 删除键值为 key 的存储内容
clear() 清空所有存储内容
key(n) 以索引值来获取存储内容
5.cookie 也是在所有同源窗口中都是共享的
1.cookie 只在设置的 cookie过期时间之前一直有效,即使窗口或浏览器 关闭。
2..cookie 数据始终在同源的 http 请求中携带(即使不需要),即 cookie在浏览器和服务器间来回传递。而
3.sessionStorage 和 localStorage 不会自动把数据发给服务器,仅在本地 保存。

        同源政策:
                限制范围:无法共享cookie,localStorage.indexDB.
                无法操作彼此的dom元素
                无法发送ajax请求
                无法通过falsh发送http请求

从用户刷新网页开始, 一次 js 请求一般情况下有哪些地方会有缓存处理?
1.DNS 缓存(成功访问后网站的域名、IP 地址信息缓存到本地
2.CDN 缓存(内容分发网络,选择一个离用户最近的 CDN 边缘节点来响应用户的请求)
3.浏览器缓存(存储最近访问的过的页面,再次请求时,从本地磁盘显示文档来加速页面的阅览,节约网络的资源加速浏览)
4.服务器缓存(将需要频繁访问的网络内容存放在离用户较近、访问速度更快的系统中,来提高访问速度).

评论 ( 0 )
最新评论
暂无评论

赶紧努力消灭 0 回复