js 浏览器缓存手写缓存工具类

浏览器缓存

数据存储在浏览器内存中，不会被页面刷新消失，存储量有大小限制，不过实在开发中，合理的应用已经可以满足绝大缓存需求

sessionStorage 会话级别关闭窗口则自动清除
localStorage 永久级别需手动删除

添加缓存

localStorage.setItem(‘key’,‘value’) 保存一个值
localStorage.key = value //等同上面

按key查询

localStorage.getItem(‘key’) //读取
localStorage.key //等同上

查询所有

localStorage.valueof() //读取储存的所有数据
localStorage.key[0] //读取第一条数据

清除缓存

localStorage.removeItem(‘key’) //删除
localStorage.clear() 情况所有数据

检查是否存在

localStorage.hasOwnProperty(‘key’) //查看是否存在在：true

封装缓存类

class LocalStorage {/*** 设置localStorage 内容* @author huangzhongfei* @date 2021-11-3* @param {String} {key} 主键* @param {any} {value} 内容* @returns {any}*/static set(key, value) {if (typeof key !== 'string') {throw 'localstorage -- key必须为字符串'}value = value || ''value = typeof value === 'object' ? JSON.stringify(value) : valuewindow.localStorage.setItem(key, value);}/*** 根据Key 查询缓存* @author huangzhongfei* @date 2021-11-3* @param {String} {key} 主键* @returns {any}*/static get(key) {let value = window.localStorage.getItem(key);try {return JSON.parse(value)} catch (err) {return value}}/*** 根据Key 清除缓存, 可传多个key值* @author huangzhongfei* @date 2021-11-3* @param {any} {key} 主键* @returns {Object}*/static remove() {const keys = Array.from(arguments);for (let i in keys) {window.localStorage.removeItem(keys[i]);}}/*** 清除所有缓存* @author huangzhongfei* @date 2021-11-3* @returns {undefined}*/static removeAll() {window.localStorage.clear();}}

js 浏览器缓存手写缓存工具类相关推荐

JS 面试问题: 手写 new
JS 面试问题: 手写 new
JS获取本机IP的工具类
JS获取本机IP的工具类 /*** 获取ip地址*/ export function getUserIP(onNewIP) { // onNewIp - 回调函数//兼容for firefox and ...
【Android 内存优化】Bitmap 内存缓存 ( Bitmap 缓存策略 | LruCache 内存缓存 | LruCache 常用操作 | 工具类代码 )
文章目录一.Bitmap 内存缓存策略二.LruCache 内存缓存三.LruCache 常用操作四.LruCache 工具类五.源码及资源下载官方参考 : Google 官方提供的内存 ...
手写缓存之FIFO算法
文章目录前言一.FIFO算法是什么? 二.使用步骤 1.先写一个接口类 2.简单的Cache实现类 3.FIFO算法实现 3.运行效果总结前言我们都知道为了减轻数据库的访问压力,有一个很好的 ...
小白玩机器学习（6）--- 基于Tensorflow.js的在线手写数字识别
一.题目要求 1.三个js文件,分别完成:网络训练以及模型保存.模型加载及准确率测试.在线手写数字识别: 2.模型测试准确率要高于99.3%(尽量): 3.在线手写数字识别需要能够通过鼠标在画布中写入 ...
calendar类_不要再自己写 Java 工具类了，这些开源的不香吗？
本文收集各种 Java 常用工具类,包括字符串.日期.集合/数组.IO.计时等. 1 字符串 1.1 StringUtils Maven 依赖信息: <dependency> <gr ...
html移动端实现手写签名，signature手写签名实现，微信公众号浏览器html手写签名实现
前言 html移动端手写自动横竖签名实现,并base64图片格式获取: 横竖根据屏幕宽高自动平铺. 效果图图一图二实现如下代码直接复制成.html文件打开即可预览效果 <!DOCTYPE ...
VUE 爬坑之旅 -- 用 ES6 语法写一个工具类，并全局引用
在我前面的有一篇文章里有说过怎么引入外部的 JS 文件,详情见 VUE 爬坑之旅– 如何对公共JS,CSS进行统一管理,全局调用 .这里所说的外部 JS 文件指的是用 ES6 之前的老语法编写的各种 ...
JS之difference手写实现
文章目录 difference手写实现 differences手写实现方法一:使用forEach 方法一:使用for difference手写实现 difference(arr1, arr2): 得 ...

js 浏览器缓存手写缓存工具类

浏览器缓存

添加缓存

按key查询

查询所有

清除缓存

检查是否存在

封装缓存类

js 浏览器缓存手写缓存工具类相关推荐

最新文章

热门文章

js 浏览器缓存 手写缓存工具类

浏览器缓存

添加缓存

按key查询

查询所有

清除缓存

检查是否存在

封装缓存类

js 浏览器缓存 手写缓存工具类相关推荐

最新文章

热门文章

js 浏览器缓存手写缓存工具类

js 浏览器缓存手写缓存工具类相关推荐