我们都知道对页面进行缓存能够有利于减少请求发送，从而达到对页面的优化。不过在我前端工作的生涯中一直以为前端就是写写页面，写写交互，就已经很了不起，这种没有志向的想法发导致我日后的工作一直处于瓶颈。做人嘛总要有梦想嘛，不然跟一条咸鱼有什么区别。最近我一直在关于前端优化的问题，原来对页面进行有效缓存对于响应速度会大大提高。我也是综合自己看到的几篇
转载
2024-04-29 10:01:04
156阅读
文章目录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阅读
总所周知，javascript是一门解释型的脚本语言，其主要的步骤为解释一行，执行一行，但这执行第一行代码之前，javascript会有一个预编译的步骤。大家有没有发现，有时我们在变量声明的前面使用该变量，不会报错。这种变量提升的情况也是属于预编译的中所做的。JavaScript的预编译分为全局预编译和局部预编译（函数预编译）全局预编译步骤：创建GO对象（Global Object）全局对象。找变
转载
2023-06-08 23:09:57
568阅读
# JavaScript缓存实现指南
## 引言
在Web开发中，为了提升网站的加载速度和用户体验，缓存是一个非常重要的技术。JavaScript缓存可以减少网络请求，减轻服务器压力，并且加快页面加载速度。本文将向你介绍如何使用JavaScript实现缓存。
## 缓存流程
首先，让我们来了解一下JavaScript缓存的基本流程。如下表所示：
| 步骤 | 描述
原创
2023-08-09 13:40:19
83阅读
1.http缓存机制，浏览器缓存到底是什么？所谓的http缓存，就是浏览器自己给你的一个功能，一个缓存数据库，夹在服务端和客户端中间，你只需要设置一些参数即可实现 缓存/不缓存/时效内缓存/时效外缓存等（默认存在缓存）浏览器缓存分为强缓存和协商缓存，浏览器加载一个页面的简单流程如下：（1）浏览器先根据这个资源的http头信息来判断是否命中强缓存。如果命中则直接加在缓存中的资
转载
2023-08-27 17:20:25
70阅读
这周遇到了一个新需求，产品反馈地图瓦片服务的图片资源没有Http缓存，每次移动地图范围都会向后台发处请求/响应数据，影响了客户端的地图加载体验。所以需要增加这样一种缓存：1）针对同一个请求资源地址URL，首次加载需要缓存数据，后续加载直接读取缓存；2）后台数据发生更新时，需要实时更新缓存； 在完成这个需求之前，我借机补习了一下前端的缓存体系：一 HTTP缓存 提起前端缓存，首先
转载
2024-02-17 13:26:24
17阅读
前端缓存，主要分为两种，HTTP缓存和浏览器缓存。HTTP缓存，主要存在于服务器请求传输时需要记录的一些参数，在服务器代码上设置。浏览器缓存，主要是由前端JS代码主动存储的某些参数。缓存是前端项目性能优化中简单高效的一种方式。优秀的缓存策略可以缩短网页请求资源的距离，减少延迟，并且由于缓存文件可以重复利用，还可以减少带宽，降低网络负荷。例如：前端需要发起一个数据请求，可以分为发起网络请求、后端处理
转载
2023-08-21 16:22:27
106阅读
一、是什么函数缓存，就是将函数运算过的结果进行缓存本质上就是用空间（缓存存储）换时间（计算过程）常用于缓存数据计算结果和缓存对象const add = (a,b) => a+b;
const calc = memoize(add); // 函数缓存
calc(10,20);// 30
calc(10,20);// 30 缓存缓存只是一个临时的数据存储，它保存数据，以便将来对该数据的请求能够更
转载
2023-11-15 06:49:42
76阅读
功能概述：前端项目中有同一接口重复触发的并发现象一些公共数据接口，如用户信息，配置信息等接口需要多次获取首页有大量重复请求影响启动时间适用条件：基本的公共数据和用户信息get类获取数据接口基本原则就是缓存不更新或者更新周期较长的数据大体思路：初次请求时将接口promise缓存到map对象中，map中的key名使用api名+参数拼接；下一次请求到同一key名的接口直接返回缓存中的promise；如果
转载
2024-02-28 22:25:43
34阅读
web缓存主要指的是两部分：浏览器缓存和http缓存。浏览器缓存一般指localStorage，sessionStorage，cookie等，主要用于缓存一些必要数据在客户端，有大小的容量限制。http缓存主要是针对html，css，img等静态资源，常规情况下，我们不太会去缓存一些动态资源，因为缓存动态资源的话，数据的实时性就不能保证，所以我们一般都只会去缓存一些不太容易被改变的静态资源。htt
转载
2024-02-26 14:29:38
50阅读
缓存是前端面试的一个常见知识点，下面对于实际项目中如何进行缓存的设置给出方案。强缓存和协商缓存浏览器缓存是浏览器将用户请求过的静态资源存储到电脑本地磁盘中，当再次访问时，就可以直接从本地缓存中加载而不需要去向服务器请求了。但是缓存也有缺点，如果服务端资源更新了，客户端没有强制刷新的情况下，看到的内容还是旧的。所以，前端需要根据项目中各个资源的实际情况，做出合理的缓存策略。这就出现了强缓存和协商缓存
转载
2024-01-02 12:55:28
306阅读
Web前端之JavaScript基础JavaScript介绍变量变量类型基本的数据类型Number String Boolean underfined nulltypeof运算符引用的数据类型Object Array Function算术运算符和赋值运算符比较运算符和逻辑运算符字符串 string对象字符串方法：字符串和数值相互转换方法字符串切片方法字符串查找方法字符串常用方法数组Array数组
转载
2023-12-18 19:12:13
50阅读
内容目录：一、JavaScript介绍
二、基础语法
2.1 变量 2.2 数据类型 2.3 流程控制 2.5 函数的全局变量和局部变量 2.6 作用域 2.7 词法分析 2.8 内置对象和方法一、JavaScript介绍1.1 JavaScript是什么东西JavaScript 是 Web 的编程语言。
Jav
转载
2023-07-09 20:26:32
125阅读
前端的JavaScript1、概述1.2、概念1.2、作用1.3、JavaScript的用法1.3.1、HTML页面中的JavaScript1.3.2、外部的JavaScript1.3.3、标签属性中的JavaScript1.4、JavaScript显示数据2、JavaScript的注释3、JavaScript的基本语法3.1、JavaScript变量3.2、JavaScript的语句3.3、J
转载
2023-08-29 16:12:08
30阅读
文章目录JavaScript介绍基础运算符、数据转换控制语句if-else语句switch语句for语句while语句try语句对象String字符串对象Array数组对象DateRegExp正则Math声明提前BOM对象Window对象Location对象History对象DOM对象(DHTML)节点的方法寻找节点对象的方式DOM Event(事件)增删改查示例作用域 JavaScript介绍
转载
2023-10-08 11:05:01
66阅读
了解Javascript JavaScript, 简称为JS, 是一种运行在浏览器中的脚本语言; 可以被嵌入到HTML中直接使用, 用来使页面动态化. JS起初被设计用于在客户端对用户信息进行校验, netspace, Brendan Eich（布兰登·艾奇）用10天时间设计并开发了JS. ECMA262标准, 规范Javascript的标准. Javascript和JScript(微软)非常像.
转载
2023-09-01 14:03:33
37阅读
WebStorageWebStorage的目的是解决通过客户端存储不需要频繁发送回服务器的数据时使用Cookie的问题，把数据保存在本地。Storage类型用于保存键/值对数据，与其他对象一样，增加了以下方法：clear()：删除所有值；getItem()：取得给定name的值；key(index)：取得给定数值位置的值；removeItem()：删除给定name的数据；setItem()：设置给
原创
2022-10-12 23:44:49
893阅读
HTTP 缓存分为 2 种，一种是强缓存，另一种是协商缓存。主要作用是可以加快资源获取速度，提升用户体验，减少网络传输，缓解服务端的压力。这是缓存运作的一个整体流程图：强缓存不需要发送请求到服务端，直接读取浏览器本地缓存，在 Chrome 的 Network 中显示的 HTTP 状态码是 200 ，在 Chrome 中，
原创
2021-07-16 09:47:23
203阅读
