前端缓存及应用 1. 缓存分类1.1 前端缓存分类1.2 缓存过程分析2. HTTP 缓存2.1 HTTP 缓存2.2 HTTP 缓存分类2.3 HTTP 缓存 -- 强缓存的三种情况2.3.1 情况一2.3.2 情况二2.3.3 情况三2.4 HTTP 缓存 -- 强缓存的缓存规则2.5 HTTP 缓存 -- 存储位置2.5.1 内存缓存(from memory cache)2.5.2 硬盘缓
在 本专栏 的 这一篇文章 中，给各位引出了一个“不同寻常的”性能体验优化方式 —— 离线
原创
2022-09-06 14:45:56
541阅读
什么是IE缓存文件夹呢？现在我们和网络接触越来越多，网络给我们的生活带来了许多的便利和娱乐。在平时大家比应该会经常登陆到视频、音乐网站观赏电影和试听MP3。遇到好的视频或音乐的时候总想把他们保持到电脑上面，可以是网站做了对应的限制，不提供下载服务。如果大家知道IE浏览器的工作原理的话就能轻易的找到解决的办法。其实IE浏览器在线播放影音的时候，他们都已经下载到你的电脑里面了，都存储IE浏览器的缓存文
转载
2024-10-18 11:34:03
61阅读
本地缓存和远端缓存远端缓存：Redis，MongoDB；本地缓存：一般使用map的方式保存在本地内存中，常见的是ConcurrentHashMap 和guava cache，把数据缓存到JVM内存。常见的在业务中操作缓存，都会操作缓存和数据源两部分。如：put数据时，先插入DB，再删除原来的缓存；get数据时，先查缓存，命中则返回，没有命中时，需要查询DB，再把查询结果放入缓存中;如果访问量大，还
转载
2024-09-11 19:21:22
67阅读
当android启动一个应用组件之前，必须通过读取应用的ManifestAndroid.xml文件来确认该组件的存在。在manifest文件中必须包含该应用的所有组件。并且manifest文件必须位于应用项目的根目录下。此外，还提供如下功能：标识应用需要的用户许可，比如：internet访问，对用户通讯录的读取声明应用需要的最小最小API级别声明应用需要的硬件和软件特征，比如：相机，蓝牙服务，多点
转载
2024-04-09 08:52:37
63阅读
什么是离线缓存 离线缓存，就是将指定的网页文件（例如css、js）保存到本地，当用户没有网络时，依旧可以通过浏览器使用这些文件。 为何要用离线缓存 从网站所有者的角度来说，增加离线缓存功能，能够让用户更好的使用网站。 离线缓存的设置步骤 1 配置manifest文件 2 通过JS进行缓存的控制 manifest文件的配置 1. 添加manifest属性 将需要离线缓存的文件罗列下来，存储于后缀名
转载
2024-10-14 14:37:35
372阅读
总结下：1:页面的首次加载，获取manifest在内的所有文件，根据manifest文件的内容，该缓存的缓存；2，第二次加载，先从缓存中取出manifest文件，里面列出的缓存文件，直接从缓存读取，然后去请求网络的manifest和其他文件，若新的mannifest文件版本和旧的一样，则没有变动。若有变动则取出需要缓存的文件放入本地，根新本地文件。3，但是，已经被渲染的页面不会重新刷新，即即使服务
转载
2024-04-11 09:14:43
120阅读
一、Android缓存机制Android缓存分为内存缓存和文件缓存（磁盘缓存）。在早期，各大图片缓存框架流行之前，常用的内存缓存方式是软引用（SoftReference）和弱引用（WeakReference），如大部分的使用方式：HashMap<String url, SoftReference<Drawable>> imageCache;这种形式。从Android 2.3
转载
2024-07-24 12:28:58
257阅读
由于最近开发的个人博客(Vue + node)在使用过程中，发现网络加载有点慢，所以打算对它进行一次优化。本次优化的目标如下：index.html 设置成 no-cache，这样每次请求的时候都会比对一下 index.html 文件有没变化，如果没变化就使用缓存，有变化就使用新的 index.html 文件。其他所有文件一律使用长缓存，例如设置成缓存一年 maxAge: 1000 * 60 * 6
转载
2024-04-29 09:33:03
34阅读
缓存方式localStoragesessionStoragestorage.js（实际上时多种方式的集合也包括了前两种)vuexkeep-alive(主要用于保留组件状态或避免重新渲染，自动缓存，并不能自己读写)localStorage可长期存储数据，除非用户清楚localStorage信息，否则数据会一直存在。同一中浏览器之间，不同页面，数据可以共享。//存
// 将this.pickerIte
转载
2024-03-25 14:43:32
123阅读
最近在开发web页面过程中有人提出来页面交互体验太差，刚刚打开的页面，跳出之后再回来就要重新加载甚至找不到，让人很不舒服，于是着手研究了一下vue的内置缓存功能keep-alive,官方参考地址https://cn.vuejs.org/v2/api/#keep-alive 我这里重点拿具体的示例进行介绍，并强调几个容易忽略的点：1.对所有页面进行缓存最简单的操作就是在<router
我们在处理业务时，有时候会频繁地使用从数据库查出来的同一条数据，这会影响程序的效率，一般地我们希望将这条数据缓存起来。即我们希望，同一条查询语句(查询条件也是一样的)，仅在第一次执行时去数据库查询，而后每次直接从缓存中调用就是了。1 首先新建一个缓存的策略接口/**
* 类说明:策略接口，每个策略都必须实现这个标准的策略接口
*/
public interface ILocalCache<
转载
2024-10-11 23:11:54
37阅读
当提到前端性能优化时，我们首先会联想到文件的合并、压缩，文件缓存和开启服务器端的 gzip 压缩等，这使得页面加载更快，用户可以尽快使用我们的 Web 应用来达到他们的目标。 资源预加载 是另一个性能优化技术，我们可以使用该技术来预先告知浏览器某些资源可能在将来会被使用到。 这种做法曾经被称为 prebrowsing，但这并不是一项单一的技术，可以细分为几个不同的技术：DNS-p
转载
2024-03-28 21:38:35
80阅读
Web 存储随着互联网的快速发展，基于网页的应用越来越普遍，同时也变的越来越复杂，为了满足各种各样的需求，会经常性在本地存储大量的数据，传统方式我们以document.cookie来进行存储的，但是由于其存储大小只有4k左右，并且解析也相当的复杂，给开发带来诸多不便，HTML5规范则提出解决方案。Web Storage（sessionStorage和localStorage）H5 中有两种存储的方
我们都知道对页面进行缓存能够有利于减少请求发送，从而达到对页面的优化。不过在我前端工作的生涯中一直以为前端就是写写页面，写写交互，就已经很了不起，这种没有志向的想法发导致我日后的工作一直处于瓶颈。做人嘛总要有梦想嘛，不然跟一条咸鱼有什么区别。最近我一直在关于前端优化的问题，原来对页面进行有效缓存对于响应速度会大大提高。我也是综合自己看到的几篇
转载
2024-04-29 10:01:04
159阅读
1.web缓存 (参考) （） 一般针对静态资源如CSS,JS,图片等使用缓存，原因如下： （1）请求更快：通过将内容缓存在本地浏览器或距离最近的缓存服务器（如CDN），在不影响网站交互的前提下可以大大加快网站加载速度。 （2）节省带宽：对于已缓存的文件，可以减少请求带宽甚至无需请求网络。 （3）降低服务器压力缓存分为服务端侧和客户端侧。常用的服务端缓存有CDN缓存，客户端缓存就是指浏
转载
2024-04-29 12:05:56
77阅读
· 概念：简单来说，浏览器缓存就是把一个已经请求过的Web资源（如html页面，图片，js，数据等）拷贝一份副本储存在浏览器中。缓存会根据进来的请求保存输出内容的副本。当下一个请求来到的时候，如果是相同的URL，缓存会根据缓存机制决定是直接使用副本响应访问请求，还是向源服务器再次发送请求。比较常见的就是浏览器会缓存访问过网站的网页，当再次访问这个URL地址的时候，如果网页没有更新，就不会
why:应用程序缓存为应用带来的优势：
离线浏览：用户可在应用离线时使用它们
速度：已缓存资源加载速度块
减少服务器负载：浏览器只从服务器下载更新过的资源usages:在html标签添加manifest属性<!DOCTYPE HTML>
<html manifest="../js/demo.manifest">
...
</
转载
2024-10-28 12:11:20
37阅读
文章目录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阅读
