当前位置: 首页 > news >正文

西安网站建设的费用如何查询网站接入信息

西安网站建设的费用,如何查询网站接入信息,wordpress分享点赞,想做个网站找谁做原文网址#xff1a;JS--localStorage设置过期时间的方案(有示例)_IT利刃出鞘的博客-CSDN博客 简介 说明 本文介绍如何使用localStorage设置数据的过期时间。 问题描述 localStorage是不支持设置过期时间的#xff0c;cookie虽然支持设置过期时间但它存的数据量很小。所…原文网址JS--localStorage设置过期时间的方案(有示例)_IT利刃出鞘的博客-CSDN博客 简介 说明 本文介绍如何使用localStorage设置数据的过期时间。 问题描述 localStorage是不支持设置过期时间的cookie虽然支持设置过期时间但它存的数据量很小。所以在需要存一些带过期时间的数据时就要手写工具来实现。 思路 存数据时将value封装到一个对象里这个对象里额外加一个过期时间。 读数据时如果当前时间超过了过期时间则返回null或者空对象否则返回value。 测试结果 如下几种方案的测试结果都是一样的 第一次获取时获取到了数据4秒后数据过期了再获取时成了null。 方案1封装为函数 js /*** 写入localStorage* param key key* param value value* param expire 超时时间以秒为单位*/ function writeExpire(key, value, expire) {let obj {time: new Date().getTime(),data: value,expire: expire,};let objStr JSON.stringify(obj);localStorage.setItem(key, objStr); }/*** 读出localStorage*/ function readExpire(key) {let value localStorage.getItem(key);if (!value || value null) {return value;}value JSON.parse(value);if (Date.now() - value.time value.expire * 1000) {localStorage.removeItem(key);return null;}return value.data; }html !DOCTYPE html html langen headmeta charsetUTF-8titleTitle/titlescript srcLocalStorageUtil.js/script /head body scriptwriteExpire(key1, value1, 2)console.log(readExpire(key1));sleep(4000).then(() {console.log(readExpire(key1));})function sleep(time) {return new Promise((resolve) setTimeout(resolve, time));} /script /body /html 方案2封装为对象 js export let localStorageUtil {/*** 写入localStorage* param key key* param value value* param expire 超时时间以秒为单位*/writeExpire: function (key, value, expire) {let obj {time: new Date().getTime(),data: value,expire: expire,};let objStr JSON.stringify(obj);localStorage.setItem(key, objStr);},/*** 读出localStorage*/readExpire: function (key) {let value localStorage.getItem(key);if (!value || value null) {return value;}value JSON.parse(value);if (Date.now() - value.time value.expire * 1000) {localStorage.removeItem(key);return null;}return value.data;} }// export default localStorageUtil; html !DOCTYPE html html langen headmeta charsetUTF-8titleTitle/title /head body script typemoduleimport {localStorageUtil} from ./LocalStorageUtil.js;localStorageUtil.writeExpire(key1, value1, 2)console.log(localStorageUtil.readExpire(key1));sleep(4000).then(() {console.log(localStorageUtil.readExpire(key1));})function sleep(time) {return new Promise((resolve) setTimeout(resolve, time));} /script /body /html 方案3ES5扩展localStorage js /*** 写入localStorage* param key key* param value value* param expire 超时时间以秒为单位*/ Storage.prototype.writeExpire (key, value, expire) {let obj {data: value,time: Date.now(),expire: expire};//localStorage 设置的值不能是对象转为json字符串localStorage.setItem(key, JSON.stringify(obj)); }/*** 读出localStorage*/ Storage.prototype.readExpire key {let value localStorage.getItem(key);if (!value || value null) {return null;}val JSON.parse(value);if (Date.now() - val.time val.expire * 1000) {localStorage.removeItem(key);return null;}return val.data; }html !DOCTYPE html html langen headmeta charsetUTF-8titleTitle/title /head body script typemoduleimport ./LocalStorageUtil.js;localStorage.writeExpire(key1, value1, 2)console.log(localStorage.readExpire(key1));sleep(4000).then(() {console.log(localStorage.readExpire(key1));})function sleep(time) {return new Promise((resolve) setTimeout(resolve, time));} /script /body /html 方案4ES6扩展localStorage js class LocalStorageUtil {constructor() {this.storage window.localStorage;}/*** 写入localStorage* param key key* param value value* param expire 超时时间以秒为单位*/writeExpire(key, value, expire) {let tempObj {};tempObj.key key;tempObj.value value;tempObj.expire Date.now() expire * 1000;this.storage[key] JSON.stringify(tempObj);return tempObj;}/*** 读出localStorage*/readExpire(key) {let value localStorage.getItem(key);if (!value || value null) {return null;}let valueObject JSON.parse(value);let expire valueObject[expire];if (!expire) {return valueObject.value;}if (Date.now() expire) {this.remove(key);return null;}return valueObject.value}remove(key) {this.storage.removeItem(key);} }export default LocalStorageUtil;html !DOCTYPE html html langen headmeta charsetUTF-8titleTitle/title /head body script typemoduleimport LocalStorageUtil from ./LocalStorageUtil.js;let localStorageUtil new LocalStorageUtil();localStorageUtil.writeExpire(key1, value1, 2)console.log(localStorageUtil.readExpire(key1));sleep(4000).then(() {console.log(localStorageUtil.readExpire(key1));})function sleep(time) {return new Promise((resolve) setTimeout(resolve, time));} /script /body /html
http://wiki.neutronadmin.com/news/232236/

相关文章:

  • 学网站建设要多少钱成都家具公司
  • 美食网站二级页面模板新闻发布平台有哪些
  • 手机自己制作表白网站网站制作多少费用
  • 有网站做点什么好去哪找做网站的人
  • 网站建设实施计划包括福建刚刚发生大事
  • 中国建设银行官网站陕西西安网站设计制作是什么
  • asp网站发布ftp排名优化网站seo排名
  • 自己的网站服务器北京网站建设首选小峰
  • 自建站外贸平台有哪些比较好全网品牌营销
  • 网站开发需要的学历手机网站功能
  • 做网站拉广告网络营销是什么的产生主要源于网络市场的复杂性
  • 炫酷表白网站在线制作ps怎么做网站横幅广告
  • 网站做动态图片大全共享虚拟主机 几个网站
  • 网站上线需要哪些步骤青岛网站运营
  • 帮人做ppt的网站wordpress文章阅读统计
  • 许昌网站优化科技信息网站系统建设方案
  • 深圳中高端网站建设怎么样京东商城网站建设策划书
  • 濮阳哪里做网站百度舆情系统
  • 建设工程月评打分网站做移动网站快速
  • wordpress 商务 主题wordpress分类目录优化
  • 建站平台的基础概念班级网站建设组织机构
  • 广州洲聚网站开发外贸局是做什么的工作
  • 北碚免费建站哪家做得好seo的含义
  • 唐山建网站公司浪花直播
  • 北京网站建设公司拟做排行网站
  • 网站建设实习收获企业网页设计
  • 佛山网站建设费用网站闭关保护怎么做
  • 用dw做的代码怎么放在网站上提供做网站企业
  • 品牌网站建设有哪些方面seo百度快照优化公司
  • 网站空间支持功能网站招工费怎么做会计分录