js本地存储解决方案

sessionStorage与localStorage

Web Storage实际上由两部分组成:sessionStorage与localStorage。

sessionStorage用于本地存储一个会话(session)中的数据,这些数据只有在同一个会话中的页面才能访问并且当会话结束后数据也随之销毁。因此sessionStorage不是一种持久化的本地存储,仅仅是会话级别的存储。

localStorage用于持久化的本地存储,除非主动删除数据,否则数据是永远不会过期的。

它们与Cookie最大的不同之处在于,cookie在向后台发送每一个http请求的时候都会出现在http头部,而html5的本地存储则不会,某种 程度上讲是节约了一定的带宽,缩短了请求、响应的时间。而且ie6中对每一个域的cookie数限制为20个以内,大小也有限制

 

SessionStorage与LocalStorage他们都拥有相同的方法(常用有如下4个,更多信息可参考HTML5 APP):

1、setItem(key, value)

2、getItem(key)

3、removeItem(key)

4、clear()

Java代码  

  1. angular.fromJson(localStorage.getItem('userStorage'));  
  2. localStorage.setItem('userStorage', angular.toJson(userStorage));  

 sdfsfsd

时间: 2024-08-31 10:46:13

js本地存储解决方案的相关文章

js 本地存储:本地数据库存储JS类

//js调用本地数据库主JS文件var HD = {is_db : null,uid : null,ukey : null,shortName : 'hd',version : '1.0',displayName : 'hd_2345',maxSize : 100000,data : null,other : null,login : null,index : null,// 创建数据库initDatabase : function() {try {if (!window.openDatabas

HTML5的本地存储方案LOCALSTORAGE的例子

本地存储解决方案很多,比如Flash SharedObject.Google Gears.Cookie.DOM Storage.User Data.window.name.Silverlight.Open Database等. html5的本地存储localStorage 以下是各种本地存储方案的特点: Cookie: 在web中得到广泛应用,但局限性非常明显,容量太小,有些站点会因为出于安全的考虑而禁用cookie,cookie没有想象中的那么安全,Cookie 的内容会随着页面请求一并发往服

HTML5 WebStorage(HTML5本地存储技术)_CSS/HTML

WebStorage是HTML5中本地存储的解决方案之一,在HTML5的WebStorage概念引入之前除去IE User Data.Flash Cookie.Google Gears等看名字就不靠谱的解决方案,浏览器兼容的本地存储方案只有使用cookie.有同学可能会问,既然有了cookie本地存储,为什么还要引入WebStorage的概念? Cookie肿么了 cookie的缺陷是非常明显的 1. 数据大小:作为存储容器,cookie的大小限制在4KB左右这是非常坑爹的,尤其对于现在复杂的业

js浏览器本地存储store.js介绍及应用_javascript技巧

store.js - 轻松实现本地存储(LocalStorage) store.js 是一个兼容所有浏览器的 LocalStorage 包装器,不需要借助 Cookie 或者 Flash.store.js 会根据浏览器自动选择使用 localStorage.globalStorage 或者 userData 来实现本地存储功能. store.js 提供非常简洁的 API 来实现跨浏览器的本地存储功能: 复制代码 代码如下: store.set('username', 'marcus') stor

js仿微博实现统计字符和本地存储功能_javascript技巧

随着移动设备和Web应用的普及,为了更好的便于用户的使用,对于网页或应用程序的用户体验要求就越来越高,确实是这样,作为用户更喜欢选择用户体验效果好的网站或应用程序,所以作为开发者的我们就需要开发出更人生化的应用程序了. 相信许多人有使用微博的经验,像微博这样的社交平台,好的用户体验就变得尤其重要了. 例如:我们在发微博时,文本框会实时地提示我们剩余字符数,这样人性化的提示方便了用户知道微博字数的限制,同时也限制了用户的输入字数. 有一句话我们要牢记在心的是:凡是输入,必有限制:凡是输入,必须校验

纯js实现无限空间大小的本地存储_javascript技巧

好久没有写博客了,想到2年前答应要放出源代码的也没放出来,最近终于有空先把纯js实现无限空间大小的本地存储的功能开源了, 项目地址https://github.com/xueduany/localstore, demo见http://xueduany.github.io/localstore/, 下面给大家简单说说大概原理,具体细节和异常处理后面有机会在单独说 先说下突破本地localStorage的原理,官方原话是这么说的http://www.w3.org/TR/2013/PR-webstor

Zone.js —— JavaScript 的线程本地存储技术

Zone.js 在 JavaScript 中实现了 Zones 的概念,其灵感来自于 Dart. Zone 是执行过程的上下文,可以在异步任务之间进行持久性传递,你可以把它当成是类似 Java 的 TLS 线程本地存储技术,只不过是用在 JavaScript 语言中. 文章转载自 开源中国社区 [http://www.oschina.net]

javascript ie-为毛js本地执行IE没有问题,上传到服务器IE不执行?

问题描述 为毛js本地执行IE没有问题,上传到服务器IE不执行? 在百度地图API抄了一个网页,在本地磁盘上使用IE能够打开地图: 上载到服务器在打不开,firefox.safari.chrome等都没有问题.据说是IE设置问题,到底是哪里呢?html如下: <html> <head> <meta http-equiv=""Content-Type"" content=""text/html; charset=utf

HTML5 学习总结(三)——本地存储(localStorage、sessionStorage、WebSqlDataBase、IndexedDB)

HTML5问世以后,前端加入了一个重要的功能,便是本地存储,本地存储可分为4类: Local Storage:总的存储量有所限制,并不能提供真正的检索API,数据的生命期比窗口或浏览器的生命期长,数据可被同源的每个窗口或者标签页共享,兼容性很好,使用最多的存储方式. Session Storage:只要浏览器窗口不关闭就会一直存在,不应该把真正有价值的东西放在里面,数据会保存到存储它的窗口或者标签页关闭时,数据只在构建他们的窗口或者标签页可见 Indexed Database:在Indexed