博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
html5存储
阅读量:6967 次
发布时间:2019-06-27

本文共 789 字,大约阅读时间需要 2 分钟。

html5之前实现浏览器存储,使用cookies。

cookies的特点:包含在http请求头中,内容不能大于4KB,如果主域名中设置了某个cookies,每个子域名的访问,都会在请求头中带上该cookies(主域名污染

)。

h5存储特点:解决了4KB的大小限制,不用在请求头中带存储信息,可以使用存储数据库,跨浏览器支持。

经常使用的两个存储变量localStorage,sessionStorage.它们分别有getItem,setItem,removeItem等方法。

他们可以存数组,图片,脚本,json数据等,子域名之间不能共享数据,超出存储大小时如何处理?可以采用FIFO先进先出方式把最先的删除或者LRU(Least Recently Used 近期最少使用算法)

生命周期:localStorage除非删除才会失效,sessionStorage只要关闭浏览器就会失效。。

设置localStorage更新策略,

function set(key,data){   var curT= new Date().getTime();   localStorage.setItem(key,JSON.stringify({data:data,time:curT}));}function get(key,exp){  var data = localStorage.getItem(key);    var dataObj = JSON.parse(data);  if(new Date().getTime()-dataObj.time>exp){      console.log("超时");  }  else{     dataObj.data;  }}

  

 

转载于:https://www.cnblogs.com/qingjiao/p/html5.html

你可能感兴趣的文章
2015下半年学习技术任务计划书
查看>>
在线教学、视频会议 Webus Fox(3) 客户端开发手册
查看>>
快速替换dll命名空间 z
查看>>
HDu 2010 水仙花数
查看>>
AIDL Service Android进程间通信机制
查看>>
android Intent.createChooser 应用选择
查看>>
[转]jQuery插件写法总结以及面向对象方式写法
查看>>
Swift - 自定义UIActivity分享
查看>>
递归算法的数据结构和算法 C++和PHP达到
查看>>
Nagios经check_http监视web申请书server多个tomcat维修
查看>>
Intellij IDEA
查看>>
springMVC乱码问题
查看>>
第六章 插入,更新和删除数据
查看>>
在VS2010上使用C#调用非托管C++生成的DLL文件(图文讲解)
查看>>
Js 类定义的几种方式
查看>>
python之模块cmath
查看>>
java 遍历arrayList的四种方法
查看>>
Activiti系列: 如何添加自定义表单引擎
查看>>
Codeforces Round #332 (Div. 2) B. Spongebob and Joke 水题
查看>>
httpd/php/mysql的安装-1
查看>>