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

本文共 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

你可能感兴趣的文章
javascript对象简介
查看>>
thinkphp 中英文语言包
查看>>
nmake命令行编译Qt项目
查看>>
数据库的varchar长度的限制以及对性能是否有影响
查看>>
我的友情链接
查看>>
Oracle软件安装及手工建库
查看>>
Python NLP完整项目实战教程(1)
查看>>
repeater没有数据显示暂无数据,无记录
查看>>
快速测试UTF8编码的文件是不是加了BOM,不限PHP
查看>>
Android APK XML解析与反编译方法
查看>>
Android 自定义组合控件 简单导航栏
查看>>
深入理解javascript原型和闭包系列
查看>>
有道词典在谷歌Chrome浏览器中无法取词的解决方法
查看>>
树莓派计算机视觉环境搭建
查看>>
我的友情链接
查看>>
MDT错误之日志查看方法
查看>>
Linux下如何禁止某个用户登录方法
查看>>
shell十三问-3) 別人 echo、你也 echo ,是问 echo 知多少
查看>>
常见的系统故障及排除
查看>>
django mysql 读写分离
查看>>