用什么做h5数据存储
㈠ HTMl5的时候,web storage能存储大量数据吗如何解决比较好,有教程的可以加分
"WebStorage适合存储少量的数据,对于大量结构化的数据,则需要IndexedDB来处理。
IndexedDB 是HTML5中的一种数据存储方式,支持存储结构化数据。不同于Cookie和Web Storage,IndexedDB 提供了支持分组、循环访问、搜索和筛选 javaScript 对象的功能。教程的话可以去薯仔、优酷上看《Buid New World》,好像第六集是讲这个的"
㈡ 关于html5 的 LocalStorage 本地存储
以下是五大浏览器localStorage存储方式:
除了Opera浏览器采用BASE64加密外(BASE64也是可以轻松解密的),其他浏览器均采用明文存储数据。
所以,建议不要使用localStorage方式存储敏感信息,那怕这些信息进行过加密。
以上参考《HTML5本地存储localstorage安全分析》
http://blog.csdn.net/yangdeli888/article/details/7735260
㈢ html5的localStorage进行数据储存
把相应的数据对用json对象的形式保存
比如 var jsonData = {'name':'lisi','age':'20','address':'fuzhou'};
再把json对象转成字符串 var str=JSON.stringify(jsonData);
然后就可以保存了 localStorage.setItem('addData', str);
到时候再把var getData = localStorage.getItem('addData')取出来后得到的也是字符串
所以还需把结果解析成json对象 var data = JSON.parse(getData);
这样就得到json对象数据了, 就有data.name='lisi',data.age='20' 一次类推
ps:数据也是可以和json对象一样进行处理保存的
㈣ 介绍HTML5几种存储方式
HTML5 提供了两种在客户端存储数据的新方法:..两者都是仅在客户端(即浏览器)中保存,不参与和服务器的通信;
localStorage - 没有时间限制的数据存储,第二天、第二周或下一年之后,数据依然可用。
如何创建和访问 localStorage:
<scripttype="text/javascript">
localStorage.lastname="Smith";
document.write(localStorage.lastname);
</script>
下面的例子对用户访问页面的次数进行计数:
<scripttype="text/javascript">
if(localStorage.pagecount){
localStorage.pagecount=Number(localStorage.pagecount)+1;
}
else{
localStorage.pagecount=1;
}
document.write("Visits"+localStorage.pagecount+"time(s).");
</script>
sessionStorage - 针对一个 session 的数据存储,当用户关闭浏览器窗口后,数据会被删除。
创建并访问一个 sessionStorage:
<scripttype="text/javascript">
sessionStorage.lastname="Smith";
document.write(sessionStorage.lastname);
</script>
下面的例子对用户在当前 session 中访问页面的次数进行计数:
<scripttype="text/javascript">
if(sessionStorage.pagecount){
sessionStorage.pagecount=Number(sessionStorage.pagecount)+1;
}
else{
sessionStorage.pagecount=1;
}
document.write("Visits"+sessionStorage.pagecount+"time(s)thissession.");
</script>
sessionStorage 、localStorage的区别
共同点:都是保存在浏览器端,且同源的。
区别:数据有效期不同,sessionStorage:仅在当前浏览器窗口关闭前有效,自然也就不可能持久保持;localStorage:始终有效,窗口或浏览器关闭也一直保存,因此用作持久数据;cookie只在设置的cookie过期时间之前一直有效,即使窗口或浏览器关闭。
作用域不同,sessionStorage不在不同的浏览器窗口中共享,即使是同一个页面;localStorage 在所有同源窗口中都是共享的;cookie也是在所有同源窗口中都是共享的。Web Storage 支持事件通知机制,可以将数据更新的通知发送给监听者。Web Storage 的 api 接口使用更方便。
㈤ html5 本地存储有多少种方案
html5 本地存储有五种方案。
1、LocalStorage
LocalStorage就是Key-Value的简单键值对存储结构,Web Storage除了localStorage的持久性存储外,还有针对本次回话的sessionStorage方式,一般情况下localStorage较为常用,示例代码如下:
function save(dataModel){
var value = dataModel.serialize();
window.localStorage['DataModel'] = value;
window.localStorage['DataCount'] = dataModel.size();
console.log(dataModel.size() + ' datas are saved');
return value;
}
function restore(dataModel){
var value = window.localStorage['DataModel'];
if(value){
dataModel.deserialize(value);
console.log(window.localStorage['DataCount'] + ' datas are restored');
return value;
}
return '';
}
function clear(){
if(window.localStorage['DataModel']){
console.log(window.localStorage['DataCount'] + ' datas are cleared');
delete window.localStorage['DataModel'];
delete window.localStorage['DataCount'];
}
}
2、Cookie
这种存储方式存储内容很有限,只适合做简单信息存储,存取接口设计得极其反人类,举例如下:
function getCookieValue(name) {
if (document.cookie.length > 0) {
var start = document.cookie.indexOf(name + "=");
if (start !== -1) {
start = start + name.length + 1;
var end = document.cookie.indexOf(";", start);
if (end === -1){
end = document.cookie.length;
}
return unescape(document.cookie.substring(start, end));
}
}
return '';
}
function save(dataModel) {
var value = dataModel.serialize();
document.cookie = 'DataModel=' + escape(value);
document.cookie = 'DataCount=' + dataModel.size();
console.log(dataModel.size() + ' datas are saved');
return value;
}
3、Indexed Database API
IndexedDB可以存储结构对象,可构建key和index的索引方式查找,目前各浏览器的已经逐渐支持IndexedDB的存储方式,其使用代码如下,需注意IndexedDB的很多操作接口类似NodeJS的异步回调方式,特别是查询时连cursor的continue都是异步再次回调onsuccess函数的操作方式,因此和NodeJS一样使用上不如同步的代码容易。
function save(dataModel){
var tx = db.transaction("meters", "readwrite");
var store = tx.objectStore("meters");
dataModel.each(function(data){
store.put({
id: data.getId(),
tag: data.getTag(),
name: data.getName(),
meterValue: data.a('meter.value'),
meterAngle: data.a('meter.angle'),
p3: data.p3(),
r3: data.r3(),
s3: data.s3()
});
});
tx.oncomplete = function() {
console.log(dataModel.size() + ' datas are saved');
};
return dataModel.serialize();
}
4、FileSystem API
FileSystem API相当于操作本地文件的存储方式,目前支持浏览器不多,其接口标准也在发展制定变化中,因此也可以动态生成图片到本地文件,然后通过 filesystem:http:*** 的URL方式直接赋值给img的html元素的src访问。
function save(dataModel) {
var value = dataModel.serialize();
fs.root.getFile('meters.txt', {create: true}, function (fileEntry) {
console.log(fileEntry.toURL());
fileEntry.createWriter(function (fileWriter) {
fileWriter.onwriteend = function () {
console.log(dataModel.size() + ' datas are saved');
};
var blob = new Blob([value], {type: 'text/plain'});
fileWriter.write(blob);
});
});
return value;
}
5、Application Cache
window.applicationCache 对象是对浏览器的应用缓存的编程访问方式。其 status 属性可用于查看缓存的当前状态:
var appCache = window.applicationCache;
switch (appCache.status) {
case appCache.UNCACHED: // UNCACHED == 0
return 'UNCACHED';
break;
case appCache.IDLE: // IDLE == 1
return 'IDLE';
break;
case appCache.CHECKING: // CHECKING == 2
return 'CHECKING';
break;
case appCache.DOWNLOADING: // DOWNLOADING == 3
return 'DOWNLOADING';
break;
case appCache.UPDATEREADY: // UPDATEREADY == 4
return 'UPDATEREADY';
break;
case appCache.OBSOLETE: // OBSOLETE == 5
return 'OBSOLETE';
break;
default:
return 'UKNOWN CACHE STATUS';
break;
};
㈥ html5 的本地存储用在什么地方
缓存、临时信息的长期保存、离线信息等等很多用途
㈦ 如何设置html5本地存储
web存储最初作为HTML5的一部分被定义成API形式,但是后来被剥离出来作为独立的标准了。
web存储表转所描述的API包含localStorage对象和SessionStorage对象,这两个对象实际上是持久化关联数组,是名值对的映射表,“名”和“值”都是字符串。
例子:
varname=localStorage.username;//查询一个储存的值
name=localStorage["username"];//等价于数组表示法
if(!name){
name=prompt("whatisyourname?");
localStorage.username=name;
}
//迭代所有存储的name/value对
for(varnameinlocalStorage){
varvalue=localStorage[name];
}
㈧ HTML5网页游戏用什么保存数据好localstorage吗
对,一般存在浏览器的本地存储中(一个数据库)。
当然cookie也可以。
如果不是纯HTML5,比如用了flash、applet等技术,也可以用相应的接口来存。
㈨ html5 的“本地存储”有什么作用,是用在什么地方的,还有。离线应用程序,都是用来做什么的!啊啊啊!!
html5的本地存储 就是一个轻量级的sqllite数据库
离线应用 是ApplicationCache 用于在断开网络连接的情况下 读取本地缓存
浏览器缓存 不安全
本地缓存 可以指定缓存页面 及文件
㈩ html5 的离线储存方式有哪些
localStorage - 永久存储
sessionStorage -关闭页面消失
还可以创建本地数据库 -没研究过