localStorage 浏览器缓存

localStorage 用于长久保存整个网站的数据，保存的数据没有过期时间，直到手动去删除。

用法：

$("document").ready(function() {//存储数据$("#setData").click(function() {let uName = $("#userName").val();console.log(uName)window.localStorage.setItem("userName", uName);});$("#getData").click(function() {//window.localStorage.getItem("userName");alert(window.localStorage.getItem("userName"));});//删除数据$("#removeData").click(function() {//在删除的时候如果key值错误,不会报错,但是也不会删除数据window.localStorage.removeItem("userName1")});
})

localStorage 浏览器缓存相关推荐

浏览器缓存库设计总结（localStorage/indexedDB）
前言浏览器缓存设计一直是web性能优化中非常重要的一个环节,也是SPA应用盛行的今天不得不考虑的问题.作为一名优秀的前端工程师,为了让我们的应用更流畅,用户体验更好,我们有必要做好浏览器缓存策略. ...
浏览器缓存--cookie、sessionStorage、localStorage、indexedDB
浏览器缓存–cookie.sessionStorage.localStorage.indexedDB cookie 最初用于在客户端存储会话信息服务器在响应 HTTP 请求时,向客户端发送 Set- ...
谷歌浏览器怎么清除浏览器缓存以及本地缓存localstorage。
清除浏览器缓存很容易首先点击右上角的小点打开设置选项,进入后找到打开清除浏览记录点进去,如下图: 然后把三个都勾上,清除数据,再打开你需要查看的网页就可以了,就不会存在历史缓存和记录了. 清除本地缓存 ...
浏览器缓存 HTTP缓存-CDN缓存-localstorage/sessionstorage/cookie
文章目录浏览器缓存面试题概述 HTTP缓存 -提高二次请求响应速度 HTTP的缓存控制,如何设置缓存策略 CDN缓存 -提高首次请求资源的响应速度 CDN的核心功能 CDN的基本原理 local ...
前端学习：浏览器缓存方式有哪些（cookie、localstorage、sessionstorage）
浏览器缓存有哪些浏览器缓存的问题在后台项目中会经常出现,本期文章会总体介绍浏览器缓存的几种方式和通常缓存的方式 .
清除浏览器缓存之后为什么还是显示旧的html页面_H5缓存机制浅析-移动端Web加载性能优化...
1 H5缓存机制介绍 H5,即HTML5,是新一代的HTML标准,加入很多新的特性.离线存储(也可称为缓存机制)是其中一个非常重要的特性.H5引入的离线存储,这意味着 web 应用可进行缓存,并可在没 ...
离线缓存占内存吗_彻底弄懂浏览器缓存策略
浏览器缓存策略对于前端开发同学来说不陌生,大家都有一定的了解,但如果没有系统的归纳总结,可能三言两语很难说明白,甚至说错,尤其在面试过程中感触颇深,很多候选人对这类基础知识竟然都是一知半解,说出几个概 ...
浏览器缓存原理以及本地存储
作为一名前端工作人员,前端的缓存知识是必须掌握的,因为一个网站打开网页的速度直接关系到用户体验,用户粘度,而提高网页的打开速度有很多方面需要优化,其中比较重要的一点就是利用好缓存,缓存文件可以重复利用 ...
浏览器怎么清理缓存_Mac系统浏览器缓存清理工具
相信不少Mac用户都在寻找一款好用的浏览器插件吧?你看这款Cookie for Mac的浏览器插件怎么样? 这款Cookie for Mac之中不但能够帮助Mac系统用户对浏览器进行安全的删除不需要的 ...

localStorage 浏览器缓存

localStorage 浏览器缓存相关推荐

最新文章

热门文章