`

浏览器本地缓存localStorage

阅读更多

web 本地存储

var storage={
    save2Local:function (key,val) {
        localStorage.setItem(key,val);
    },
    restore4Local:function(key) {
    if (window.localStorage) {
        return localStorage.getItem(key);
    }
},
/***
 * 清除localStorage
 */
removeLocalStorage:function (key) {
    if(key){
        localStorage.removeItem(key);
    }
}

};

 

应用:

 var currentDateTime=new Date();
        var date_format='%Y%m%d';
        var currentDate=currentDateTime.format2(date_format);//20170316
        console.log('currentDate:'+currentDate);
        //缓存到浏览器
        var browserCache=function (prefix) {
            var answer=$('textarea[name=content]').val();
            if(answer){//每次currentDate 都需要重新生成
                currentDate=new Date().format2(date_format);//20170316
                storage.save2Local(prefix+currentDate,answer);
            }
        };
        //从浏览器中获取缓存
        var getbrowserCache=function (prefix) {
            var answer=storage.restore4Local(prefix+currentDate);
            if(!answer){
                currentDateTime.setDate(currentDateTime.getDate() - 1);
                currentDate=currentDateTime.format2(date_format);//20170316
                answer=storage.restore4Local(prefix+currentDate);
            }
            answer&&$('textarea[name=content]').val(answer).focus();
        }

 

 

分享到:
评论

相关推荐

    前端面经文档-技术要点-面试编程题-资源-html-前端-web-计算机-计算机前端面试题目-校招

    浏览器本地缓存localStorage与sessionStorage的区别? 答:生命周期不同:前者一直存在浏览器,除非用户手动清除,后者生命周期结束于浏览器或者tab页 的关闭 canvas的常用api有哪些? getContext:返回一个指定...

    HTML5实现的本地缓存localstorage登录效果实例代码.zip

    在“HTML5实现的本地缓存localstorage登录效果实例代码.zip”这个压缩包中,我们可以期待找到一个展示如何利用Local Storage来实现在用户登录后保持登录状态的示例。这个实例对于开发者来说非常有价值,因为它能帮助...

    JS localStorage实现本地缓存的方法

    一种广泛使用的本地存储方法是使用JavaScript中的localStorage对象。localStorage属于Web Storage的一种,提供了在客户端存储大量数据的能力,并且存储的数据没有过期时间限制,除非我们显式地清除它们。 ### ...

    一个可以将静态资源jscss缓存到本地localStorage的小工具

    标题中的“一个可以将静态资源jscss缓存到本地localStorage的小工具”指的是一个JavaScript应用程序,它的主要功能是帮助开发者将网站的静态资源,如JavaScript(js)和样式表(css)文件,存储在用户的浏览器本地...

    使用localStorage缓存js

    `localStorage` 是HTML5引入的一种本地存储机制,允许web应用在浏览器中存储大量数据,且这些数据不会在用户关闭浏览器后丢失。本篇文章将深入探讨如何使用 `localStorage` 来缓存JavaScript文件,从而提高页面加载...

    web项目页面缓存清除,不用每次刷新浏览器

    当浏览器加载一个网页后,为了加快后续访问速度,会将页面的静态资源(如HTML、CSS、JavaScript文件、图片等)存储在本地缓存中。然而,当开发者更新了这些资源时,如果用户浏览器仍使用旧的缓存版本,可能导致页面...

    移动端使用localStorage缓存Js和css文的方法(web开发)

    值得注意的是,虽然localStorage提供了便利的本地缓存,但也有其局限性。例如,当存储空间满时,浏览器可能会清理数据,导致缓存失效。此外,由于localStorage的同源策略限制,跨域的资源无法共享缓存。另外,对于...

    LocalStorage浏览器本地存储使用案例( Echart 矩形数图 )

    在"LocalStorage浏览器本地存储使用案例"中,我们将探讨如何利用LocalStorage来存储和读取数据,并结合Echart库创建可视化图表。 Echarts是一款基于JavaScript的数据可视化库,它提供了丰富的图表类型,如堆叠柱状...

    vue实现localStorage工具类

    其中,`localStorage`是一种持久化的本地存储技术,它将数据保存在用户的浏览器上,即使关闭浏览器或计算机重启后,这些数据仍然存在。`localStorage`的最大存储量约为5MB,适用于保存应用级别的数据。 在本篇文档...

    本地缓存JSCSS.zip

    "本地缓存JSCSS.zip"这个压缩包文件提供了一种方法,通过利用浏览器的localStorage功能来存储JavaScript(JS)和样式表(CSS)文件,从而减少HTTP请求次数,优化页面加载时间。这种技术被称为本地缓存,它在现代Web...

    localstorage实现带过期时间的缓存功能

    在前端开发中,为了优化网页性能,降低对服务器的请求频率,通常会使用浏览器提供的缓存机制。在本文中,我们将重点关注如何...同时,这种策略也可以应用于其他需要本地缓存的场景,例如存储用户配置、搜索历史记录等。

    js、css、img等浏览器缓存问题的2种解决方案.docx

    * JS localStorage 实现本地缓存的方法 * 让 html 页面不缓存 js 的实现方法 * JS 清除 IE 扫瞄器缓存的方法 * 高性能 WEB 开发 JS、CSS 的合并、压缩、缓存管理 * 禁止 js 文件缓存的代码 * js 设置缓存及猎取设置...

    浏览器缓存例子浏览器缓存例子浏览器缓存例子浏览器缓存例子

    若资源未改变,服务器返回304 Not Modified状态码,浏览器使用本地缓存;若有变化,则返回新的资源。 3. **HTTP/2 Server Push**:在HTTP/2协议中,服务器可以主动推送一些预判用户可能需要的资源到客户端缓存,...

    基于jQuery的localStorage购物车.zip

    这些数据是非持久性的,只有当用户主动清除浏览器缓存时才会被删除。在这个购物车应用中,localStorage用于保存用户的商品选择,以便在下次访问时恢复购物车状态。 3. **购物车逻辑**:系统的核心是购物车逻辑,...

    cookie解决微信不能存储localStorage的问题

    localStorage是HTML5引入的一种本地存储机制,它允许Web应用在用户浏览器上存储大量数据(通常5MB左右),并且这些数据不会随着浏览器会话的结束而丢失。然而,当localStorage在微信环境中出现问题时,我们需要寻找...

    browser-storage:基于浏览器的缓存策略

    浏览器本地存储的一个解决方案,存储优先级依次为:HTML5-localStorage > IE-UserData > Cookie;并提供一套友好的API,对本地存储数据进行批量存储、读取、移除、清空等操作 简介 /** * 全浏览器支持的本地存储...

    一个本地存储工具控制localStorage和sessionStorage

    `localStorage`和`sessionStorage`是HTML5引入的两种本地存储机制,它们允许Web应用在用户的浏览器上保存数据,无需每次页面刷新或关闭后都重新获取。本文将详细讲解这个名为“本地存储工具”的项目,它提供了一个...

Global site tag (gtag.js) - Google Analytics