功能概述：前端项目中有同一接口重复触发的并发现象一些公共数据接口，如用户信息，配置信息等接口需要多次获取首页有大量重复请求影响启动时间适用条件：基本的公共数据和用户信息get类获取数据接口基本原则就是缓存不更新或者更新周期较长的数据大体思路：初次请求时将接口promise缓存到map对象中，map中的key名使用api名+参数拼接；下一次请求到同一key名的接口直接返回缓存中的promise；如果
转载
2024-02-28 22:25:43
34阅读
前端缓存，主要分为两种，HTTP缓存和浏览器缓存。HTTP缓存，主要存在于服务器请求传输时需要记录的一些参数，在服务器代码上设置。浏览器缓存，主要是由前端JS代码主动存储的某些参数。缓存是前端项目性能优化中简单高效的一种方式。优秀的缓存策略可以缩短网页请求资源的距离，减少延迟，并且由于缓存文件可以重复利用，还可以减少带宽，降低网络负荷。例如：前端需要发起一个数据请求，可以分为发起网络请求、后端处理
转载
2023-08-21 16:22:27
106阅读
我们都知道对页面进行缓存能够有利于减少请求发送，从而达到对页面的优化。不过在我前端工作的生涯中一直以为前端就是写写页面，写写交互，就已经很了不起，这种没有志向的想法发导致我日后的工作一直处于瓶颈。做人嘛总要有梦想嘛，不然跟一条咸鱼有什么区别。最近我一直在关于前端优化的问题，原来对页面进行有效缓存对于响应速度会大大提高。我也是综合自己看到的几篇
转载
2024-04-29 10:01:04
156阅读
在前端开发中有些数据可以在第一次请求的时候全部拿过来保存在缓存对象，方便使用的时候不用每次去请求服务器，这种方法可以极大地减少对服务器的访问从而提高页面加载速度。一、全局变量缓存父页面从服务器获取到基础数据 存储在一个全局对象中 当子页面需要此信息时 直接获取父级对象信息 从而减少HTTP请示连接数 此方式涉及到作用域问题 需找准当前作用域问题
<head>
转载
2024-01-09 14:39:57
119阅读
前言web缓存是高级前端工程师必修技能。是我们变成大牛过程中绕不开的知识点。文章会尽量用通俗易懂的言语来细说web缓存的概念和用处。本期文章的大纲是什么是web缓存（前端缓存）缓存可以解决什么问题？他的缺点是什么？强制缓存原理讲解3.1.基于Expires字段实现的强缓存3.2.基于Cache-control实现的强缓存协商缓存原理讲解4.1.基于last-modified实现的协商缓存4.2.基
转载
2024-01-09 12:13:35
44阅读
引言：在项目中遇到了 IE浏览器因缓存问题未能成功向后端发送GET类型请求 的bug。导出：性能优化之一 ——合理使用缓存在前端开发中，性能一直都是被大家所重视的一点，然而判断一个网站的性能最直观的就是看网页打开的速度。其中提高网页反应速度的一个方式就是使用缓存。一个优秀的缓存策略可以缩短网页请求资源的距离，减少延迟，并且由于缓存文件可以重复利用，还可以减少带宽，降低
转载
2023-11-24 05:47:41
91阅读
浏览器缓存场景：首先我们需要知道JS中的变量有这样的问题：变量只在当前的会话期内有效。即只要刷新页面，之前存储的变量就被回收了。那么我们如何让之前所存储的变量在刷新页面之后还存在呢，看个案例： 本地存储的好处显而易见，一是避免取回数据前页面一片空白，如果不需要最新数据也可以减少向服务端请求的次数，从而减少用户等待从服务器获取数据的时间，二是网络状态不佳
转载
2024-05-06 14:49:08
71阅读
文章目录1.分类2.强缓存2.1 Expires2.2 Cache-Control3.协商缓存4.扩展4.1 缓存失效问题1.分类前端缓存分为强缓存和协商缓存两种
原创
2022-05-26 01:32:16
234阅读
什么是web缓存web缓存主要指的是两部分：浏览器缓存和http缓存。浏览器缓存：比如,localStorage,sessionStorage,cookie等等。这些功能主要用于缓存一些必要的数据，比如用户信息。比如需要携带到后端的参数。亦或者是一些列表数据等等。注意，像localStorage，sessionStorage这种用户缓存数据的功能，他只能保存5M左右的数据，多了不行。cookie则
原创
2022-09-07 21:29:01
302阅读
前端缓存的优势1、可配置需要缓存的资源；2、网络无连接应用仍可用；3、本地读取缓存资源，提升访问速度，增强用户体验；4、减少请求，缓解服务器负担。前端缓存的实现在需要应用缓存在页面的根元素(html)里，添加属性manifest="demo.appcache"。路径为以 .appcache 为后缀的缓存清单文件<!DOCTYPE html>&l...
转载
2022-07-12 17:09:33
69阅读
Apache模块 mod_expires说明允许通过配置文件控制HTTP的"Expires"和"Cache-Control"头内容状态扩展(E)模块名expires_module源文件mod_expires.c概述这个模块控制服务器应答时的Expires头内容和Cache-Control头的max-age指令。有效期(expiration date)可以设置为相对于源文件的最后修改时刻或者客户端的
转载
2024-10-09 11:22:29
30阅读
前言在开发过程中很多场景都需要用到前端把数据缓存在端上的能力业务枚举、标签、配置信息使用应用期间产生的应用/配置数据单用户基础信息根据用户隔离的缓存数据随业务活动增长的数据缓存特殊场景的二进制、媒体数据前端开发者常常会选择用localStorage来存储需要缓存到前端的数据，但是并不是所有的场景都适合用这个来管理缓存，滥用还会导致因缓存数据动作失败产生线上问题。针对不同业务场景，我们应该选择不同的
转载
2024-10-16 14:10:28
64阅读
前端如何调用Java缓存 前端执行java代码
转载
2023-05-27 01:14:33
67阅读
web缓存主要指的是两部分：浏览器缓存和http缓存。浏览器缓存一般指localStorage，sessionStorage，cookie等，主要用于缓存一些必要数据在客户端，有大小的容量限制。http缓存主要是针对html，css，img等静态资源，常规情况下，我们不太会去缓存一些动态资源，因为缓存动态资源的话，数据的实时性就不能保证，所以我们一般都只会去缓存一些不太容易被改变的静态资源。htt
转载
2024-02-26 14:29:38
50阅读
这周遇到了一个新需求，产品反馈地图瓦片服务的图片资源没有Http缓存，每次移动地图范围都会向后台发处请求/响应数据，影响了客户端的地图加载体验。所以需要增加这样一种缓存：1）针对同一个请求资源地址URL，首次加载需要缓存数据，后续加载直接读取缓存；2）后台数据发生更新时，需要实时更新缓存； 在完成这个需求之前，我借机补习了一下前端的缓存体系：一 HTTP缓存 提起前端缓存，首先
转载
2024-02-17 13:26:24
17阅读
1.http缓存机制，浏览器缓存到底是什么？所谓的http缓存，就是浏览器自己给你的一个功能，一个缓存数据库，夹在服务端和客户端中间，你只需要设置一些参数即可实现 缓存/不缓存/时效内缓存/时效外缓存等（默认存在缓存）浏览器缓存分为强缓存和协商缓存，浏览器加载一个页面的简单流程如下：（1）浏览器先根据这个资源的http头信息来判断是否命中强缓存。如果命中则直接加在缓存中的资
转载
2023-08-27 17:20:25
70阅读
什么是前端缓存？基本的网络请求就是三个步骤： 请求，处理，响应。前端缓存主要在“请求”和“响应”中进行。 在请求步骤中， 浏览器也可以通过存储结果的方式直接使用资源，直接省去了发送请求；而相应的步骤需要浏览器和服务器共同配合，通过减少响应内容来缩短传输时间。本文主要包括按存储位置分类（memory cache, disk cache, Service Worker等）按失效策略分类（Cache-C
转载
2024-06-21 21:49:05
43阅读
缓存是前端面试的一个常见知识点，下面对于实际项目中如何进行缓存的设置给出方案。强缓存和协商缓存浏览器缓存是浏览器将用户请求过的静态资源存储到电脑本地磁盘中，当再次访问时，就可以直接从本地缓存中加载而不需要去向服务器请求了。但是缓存也有缺点，如果服务端资源更新了，客户端没有强制刷新的情况下，看到的内容还是旧的。所以，前端需要根据项目中各个资源的实际情况，做出合理的缓存策略。这就出现了强缓存和协商缓存
转载
2024-01-02 12:55:28
306阅读
SpringBoot学习之缓存详解SpringBoot缓存详解1. SpringBoot缓存抽象2. JSR-107规范3. Spring缓存的使用1. 环境准备2. 案例实践4. SpringBoot集成Redis缓存1. 环境准备2. 创建Redis配置类5. 参考资料 SpringBoot缓存详解1. SpringBoot缓存抽象从Spring 3.1版本开始，在Spring framew
转载
2023-10-11 07:22:33
48阅读
HTTP 缓存分为 2 种，一种是强缓存，另一种是协商缓存。主要作用是可以加快资源获取速度，提升用户体验，减少网络传输，缓解服务端的压力。这是缓存运作的一个整体流程图：强缓存不需要发送请求到服务端，直接读取浏览器本地缓存，在 Chrome 的 Network 中显示的 HTTP 状态码是 200 ，在 Chrome 中，
原创
2021-07-16 09:47:23
203阅读
