html5-本地存储,sql,缓存
--本地存储 分:localStorage sessionStorage
--设值
localStorage.setItem("key1",'value12');
localStorage["key1"] = 'value1';
--取值
localStorage["key1"]
localStorage.getItem("key1")
--删值
localStorae.clearStorage();
for(var i=0; ivar key = localStorage.key(i);
console.log(key + “:” + localStorage[key]);
}
---本地存储 sqlilite
if (!window.openDatabase) {
log("不支持HTML5 WEB SQL!");
} else {
db = openDatabase(_DB_NAME,'', _DB_DESCRIBE,_DB_SIZE);
}
//sql:sql语句 arr:参数 suc:成功回调 fail:失败回调
function(sql,arr,suc,fail){
db.transaction(function(tx) {
tx.executeSql(sql, arr,suc,fail);
});
}
--cache 内置cache,加载后判断是否存在
<mime-mapping>
<extension>manifest</extension>
<mime-type>text/cache-manifest</mime-type>
</mime-mapping>
--如果manifest有更新,下载完毕所有跟新文件,触发下面事件
applicationCache.onUpdateReady = function(){
alert("已经更新");
}
--缓存已经下载,准备被更新,不调用该方法会在下次打开该页面使用新的数据
applicationCache.swapCache();
--检查服务器上的manifest是否更新了
applicationCache.update();
--发现有manifest
checking()
--不存在 manifest,或者下载页面返回错误
error()
--没有更新 manifest
noupdate()
--开始下载缓存文件
downing()
--下载过程中周期性触发
progress()
--下载过程发送 404 401错误
obsolete()
--下载完毕
checked()
CACHE
NETWORK
FALLBACK
1.Safari桌面浏览器(Mac 和Windows)没有限制。
2.移动Safari限制为10MB。
3.Chrome限制为5MB。
4.安卓浏览器对ApplicationCache的大小无限制。
5.Firefox桌面也没有限制。
6.Opera对ApplicationCache的限制可由用户自己管理,但是默认大小为50MB。
chrome://appcache-internals
--chrome sqllite
C:\Documents and Settings\Administrator\Local Settings\Application Data\Google\Chrome\User Data\Default\databases