本地存储

今天来说一下,浏览器本地存储的方式!

  在较高版本的浏览器中,js提供了sessionStorage 和 globalStorage。在HTML5中提供了localStorage来取代globalStorage。

  sessionStorage用于本地存储一个会话,只能在同一个会话中的页面才能访问,当关闭当前标签时,数据便会随之销毁。因此sessionStorage 用于做临时存储,不是一种持久性的本地存储。

  而localStorage用于做持久化的本地存储,只有手动删除数据后才会消失,否则数据是永远不会过期的。

紧接着就是另一种存储方式,cookie是客户端用来存储数据的一种选项,它既可以在客户端设置也可以在服务器端设置。cookie会跟随任意HTTP请求一起发送。

列举cookie的几种小用途

1)保存用户登录信息。这应该是最常用的了。当您访问一个需要登录的界面,例如微博、百度及一些论坛,在登录过后一般都会有类似"下次自动登录"的选项,勾选过后下次就不需要重复验证。这种就可以通过cookie保存用户的id。

2)创建购物车。购物网站通常把已选物品保存在cookie中,这样可以实现不同页面之间数据的同步(同一个域名下是可以共享cookie的),同时在提交订单的时候又会把这些cookie传到后台。

3)跟踪用户行为。例如百度联盟会通过cookie记录用户的偏好信息,然后向用户推荐个性化推广信息,所以浏览其他网页的时候经常会发现旁边的小广告都是自己最近百度搜过的东西。这是可以禁用的,这也是cookie的缺点之一。

cookie技术浏览器兼容性好。

接下来谈一谈cookie的弊端:

  (1)每个特定的域名下最多生成20个cookie

  ( 2 ) IE6或更低版本最多20个cookie

(3)IE7和之后的版本最后可以有50个cookie

(4)Firefox最多50个cookie

(5)chrome 和Safari没有做硬性限制。

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 这次项目做的很炸。。。无时无刻修改bug···有点烦躁迷乱项目中遇到了一种情况:后一个页面需要获取前一个页面的值,...
    机智小铛铛i阅读 559评论 0 0
  • 本文介绍本地数据存储的选型。简单总结一些查询到的关于本地数据存储的技术。 控制台展示前端存储 Chrome: 前端...
    谢大见阅读 9,113评论 1 8
  • 前言 总括:详细讲述Cookie,LocalStorge,SesstionStorge的区别和用法。 人生如画,岁...
    秦至阅读 1,352评论 0 34
  • 本地存储,即在用户浏览器中将数据保存在本地。 以下是常用的前端数据存储的几种方式: cookiesessionlo...
    小白不白Zcq阅读 797评论 0 1
  • 每个人的工作不同,地位不同,所定目标的大小,方式也是不同的,比如爬山,有人爬到山顶是目标,有人的目标是路上的风景。...
    李根柱阅读 744评论 0 0