页面缓存

Vue中keep-alive结合router实现部分页面缓存

实践部分：我的这个page页面如果选中了，然后跳转到别的页面再回来发现选中的内容消失。我希望实现出去之后跳转回来内容还在。原来我的项目里有两处router-view我没有成功设置好组件的缓存6.29希望以后有时间能够完善一下吧。详解vue组件的keep-alive_你永远在this.$parent中找不到keep-alive-CSDN博客Vue生命周期总结1.有哪些生命周期系统自带的生命周期：be

妮妮喔妮·2025-07-09 08:28

vue3页面缓存解决方案 keepalive

页面缓存解决方案keep-alive1.//*.vue//固定写法//include要缓存的exclude不缓存的//固定写法exportdefault{data(){return{openedTabs

Mr. 假老练·2025-07-06 13:30

WEB前端缓存解决方案

WEB前端缓存解决方案问题描述页面缓存js/css缓存问题描述使用angularjs(1.5.0)+gulp(3.9.0)做SPA开发时，修改js后，使用gulp-rev(6.0.1)对文件名进行了修改

qermeng·2025-07-06 13:29

VUE admin-element 后台管理系统三级菜单实现缓存

VUEadmin-element后台管理系统三级菜单实现缓存框架无法直接实现三级菜单页面缓存，原因是由于直接缓存时没有把上级路由文件名称缓存进去，所以在框架基础上参考部分文章进行了一些改造菜单文件，三级菜单引用文件路径修改

进击的小白兔vl·2025-07-03 11:01

设置html 头缓存,html头文件设置常用之设置缓存

,pragma与no-cache用于定义页面缓存,不缓存页面(为了提高速度一些浏览器会缓存浏览者浏览过的页面,通过下面的定义,浏览器一般不会缓存页面,而且浏览器无法脱机浏览.),常见的取值有private

weixin_40005542·2025-05-19 22:21

设置meta标签清除页面缓存，如：

Cache-Control头域Cache-Control指定请求和响应遵循的缓存机制。在请求消息或响应消息中设置Cache-Control并不会修改另一个消息处理过程中的缓存处理过程。请求时的缓存指令包括no-cache、no-store、max-age、max-stale、min-fresh、only-if-cached，响应消息中的指令包括public、private、no-cache、no-

上官飞蓬·2025-05-19 22:19

一张图讲清楚高可用、高性能、可扩展的WEB系统架构

有钱的用硬件四层交换（想当年雅虎中国2000台服务器，只用了四台Alteon就搞定了），没钱的用软件负载均衡（LVS、Nginx）2）多级缓存：首先要充分利用浏览器的缓存能力，也就是Cookie，然后要在服务端利用页面缓存机制

weixin_30457551·2025-05-11 06:48

Nginx缓存之代理缓存配置

当收到客户端请求时，Nginx会在共享内存中搜索缓存信息，并把查询到的缓存数据从磁盘中快速交换到操作系统的页面缓存（PageCache）中，整个过程的速度非常快。

wyx学习k8s·2025-04-21 21:30

redis常见面试题

Redis数据类型在我的项目中的使用：1.缓存字符串（String）：存储经常查询的数据，如用户信息、页面缓存、API响应缓存等。存储用户的认证token、session信息。

超级蛋蛋怪无敌冲！！·2025-03-29 22:38

如何进行PHP性能优化？

可以通过页面缓存、数据缓存、内存缓存等方式来减少重复计算。例如，使用APC、Memcached或Redis进行内存缓存，或者利用文件系统进行数据缓存。使用索引、优化SQL查询语句以及使用

破碎的天堂鸟·2025-03-23 22:56

微信小程序 uni-app解决旧页面缓存问题

微信小程序在迭代版本后，若未清除原有缓存，显示的还是旧版，加入下述代码可解决这个问题在common.js文件中加入mpUpdate(){constupdateManager=wx.getUpdateManager()//小程序版本更新管理器updateManager.onCheckForUpdate(function(res){//请求完新版本信息的回调})updateManager.onUpda

catino·2025-03-22 05:48

Linux上清理内存缓存、缓冲与交换空间

1只清除页面缓存（pagecache）sync;echo1>/proc/sys/vm/drop_caches2清除目录项和inodesync;echo2>/proc/sys/vm/drop_caches3

饭饭饭饭饭～·2025-02-18 23:11

2025基于苹果CMS影视站群系统设计：实现缓存优化、泛目录与泛解析并增加AI生成文章插件

2.功能需求2.1缓存优化页面缓存：实现对静态页面的缓存，减少数据库查询，提高页面加载速度。数据缓存：

奥顺互联V·2025-02-05 15:42

解决并发问题的方法

缓存可以包括页面缓存、数据缓存、分布式缓存等，通过将热点数据存储在内存中，减轻数据库的访问压

梦龙zmc·2025-01-25 06:44

微信公众号h5更新内容部分手机出现白屏或者旧内容,需要刷新

或者内用没有更新，需要用户主动刷新才能解决为什么会出现和解决方案：1,一般情况js，css等文件添加版本号或者随机值会解决缓存问题如2,文件名使用hash形式3,在html中添加标签的缓存设置//用于定义页面缓存

学无止境s_m_w·2025-01-19 09:53

常见的页面缓存技术

1.json文件2.转化为静态html文件3.数据分块加载实验--FaceBook的BigPipe技术将页面划分成一个个小块利用ob_flush()与flush()将缓冲区的内容提前输出给浏览器浏览器在一个请求中不断接受并渲染到页面，，逐个小块显示转载于:https://www.cnblogs.com/juanzhi/p/10935947.html

weixin_30657541·2024-09-08 05:43

页面缓存（Page Cache）

我们知道文件一般存放在硬盘（机械硬盘或固态硬盘）中，CPU并不能直接访问硬盘中的数据，而是需要先将硬盘中的数据读入到内存中，然后才能被CPU访问。由于读写硬盘的速度比读写内存要慢很多（DDR4内存读写速度是机械硬盘500倍，是固态硬盘的200倍）。为了避免每次读写文件时，都需要对硬盘进行读写操作，Linux内核会以页大小（4KB）为单位，将文件划分为多数据块，当用户对文件中的某个数据块进行读写操作

TABE_·2024-09-08 05:08

前端学习：如何将数据存储到chrome浏览器localStorage中（详细）

删除、JSON格式数据的处理知识调用核心干货知识调用文章中可能用到的知识点前端学习：浏览器缓存方式有哪些（cookielocalstoragesessionstorage）如何查看Chrome浏览器的页面缓存内容

Dorable_Wander·2024-09-05 13:01

next中ISG在开发环境和正式环境的区别

具体来说，在开发模式下：没有文件被写入磁盘：在开发模式下，Next.js不会将生成的静态页面缓存到磁盘。这意味着每次你访问一个IS

曹天骄·2024-08-26 14:14

Linux buffer/cache

清除方法echo1>/proc/sys/vm/drop_caches#仅清除页面缓存echo2>/proc/sys/vm/drop_caches#清除目录项和inodeecho3>/proc/sys/vm

luminous_gg·2024-08-24 00:47

利用Vue中keep-alive，快速实现页面缓存

有时候我们不希望组件被重新渲染影响使用体验；或者处于性能考虑，避免多次重复渲染降低性能。而是希望组件可以缓存下来,维持当前的状态。这时候就可以用到keep-alive组件。缓存所有页面exportdefault{name:'App'}根据条件缓存页面//1.将缓存name为test的组件//2.将缓存name为a或者b的组件，结合动态组件使用//3.使用正则表达式，需使用v-bind//5.动态判

熊超_H5·2024-02-20 00:05

gulp压缩清缓存

使用gulp解决微信页面缓存的问题最近在开发web项目的时候发现一个令人头疼的事情，在微信公众号上展示的页面微信为了提升性能会进行缓存，关键是这个缓存机制还和其他浏览器的不一样，这就导致了即使发布了新的版本

毛尖哥·2024-02-13 14:20

nginx html页面缓存,页面缓存和nginx缓存

缓存存在的意义是为了减少后端的请求，减轻后端压力，一般页面的请求流程是这样的请求流程这里主要解决两个问题：1.后端对浏览器缓存的指定2.nginx启用缓存和清除缓存浏览器缓存在java后端的程序中也可以指定1.禁止缓存publicStringpage(HttpServletResponseresponse){response.setDateHeader("Expires",0);response.

香江不知名前浪·2024-02-09 11:39

vue3项目keepAlive使用方法详解

二、使用通常我们可以配置整个页面缓存或只让特定的某个组件保持缓存信息，配置了keepalive的路由或者组件，只会在页面初始化的时候执行created-

Trank-Lw·2024-02-08 13:47

linux系统非关系型数据库redis

是一个开源的、使用C语言编写的、支持网络交互的、可基于内存也可持久化的Key-Value数据库redis的官网：redis.ioredis的特点:丰富的数据结构支持持久化支持事务支持主从缓存类型数据缓存页面缓存

丨析木丨·2024-02-07 06:17

缓存面试五连击（下篇）

客户端缓存主要分为两种：页面缓存和浏览器缓存页面缓存页面缓存有两

牛路·2024-02-07 00:07

Kafka零拷贝技术与传统数据复制次数比较

假设有10个消费者，传统复制方式的数据复制次数是4×10=40次，而“零拷贝技术”只需1+10=11次（一次表示从磁盘复制到页面缓存，另外10次表示10个消费者各自读取一次页面缓存）。

大猫子的技术日记·2024-02-06 15:43

React集成react-activation，实现页面缓存

安装yarnaddreact-activationdemo1import{KeepAlive,useActivate,AliveScope}from'react-activation';functionCounter(){const[count,setCount]=useState(0)return(count:{count}setCount((count)=>count+1)}>add)}fun

TPCheng·2024-02-03 08:15

Chipmunk: Investigating Crash-Consistency in Persistent-Memory File Systems——论文泛读

这些系统的一个关键定义特征是，对持久数据的大多数更新都绕过页面缓存，直接写入底层存储介质。与基于磁盘的Linux文件系统不同，这些文件系统使用通用

妙BOOK言·2024-02-02 18:27

【Vue3+Ts】简单路由配置页面缓存keepAlive可选控制

router.ts路由文件配置constroutes=[{path:"/",name:"home",meta:{title:"首页",keepAlive:true,//主要代码},component:()=>import("@/view/Home/index.vue"),}]App.vue配置import{computed}from"vue";import{useRoute}from"vue-ro

极致♀雨·2024-01-31 18:35

vue3+vite中如何打包添加随机号解决页面缓存更新不及时问题

问题：公众号h5页面调整后存在缓存问题，只有点击右上角三个点点里刷新才会更新修改后的内容。解决：给打包的文件添加时间戳使客户端强制拉取最新的文件（推荐）vite配置官方文档import{defineConfig}from'vite'importvuefrom'@vitejs/plugin-vue'import{resolve}from'path'const**Timestamp**=newDate

爱吃爱喝·2024-01-27 12:01

vue3 页面长时间不使用，再次点击页面切换路由操作无效报错

出现问题原因：上线打包的自动化工具会把上一个版本的资源文件清空，vite打包发版后，当前页面缓存的还是发版之前的资源，未主动刷新成新资源，导致点击页面路由跳转页面时在服务器上找不到之前的包，从而在页面上面显示为点击切换菜单路由

红烧咸咸鱼·2024-01-26 16:27

LINUX内存溢出问题，修改内存回收机制

内存溢出问题，修改内存回收机制1首先查看内存是否充足，执行free-h;看内存只剩余一百多兆，2看内存自动释放的配置cat/proc/sys/vm/drop_caches，看到是0参数解释：0不释放内存1释放页面缓存

xn_kl·2024-01-24 21:41

缓存滚动位置：解决keep-alive组件缓存滚动位置失败问题

大家都知道，使用keep-alive组件即可，但是使用keep-alive缓存页面后，发现虽然页面缓存成功了，但是列表的滚动条又自动回到了最上方。是的，keep-alive组件是不会缓存滚动位置的。

前端呆头鹅·2024-01-22 11:04

react页面缓存：React Keep Alive和React-Keeper

vue中有keep-alive进行页面缓存，react提倡尽可能少的api以减少开发者的使用成本，并没有提供相关的api（我觉得这样更麻烦了），需要自己手写，我从git找到两种评价较高的对应插件分析给大家

super_wanan·2024-01-22 11:02

React 页面缓存 keep-Alive

肉松圆圆·2024-01-22 11:00

手写简化版数据库--MYDB

系列文章目录参考:菜狗日常文章目录系列文章目录项目结构事务管理模块（TM）基础知识代码实现数据管理模块(DM)前言引用计数缓存框架实现共享内存数组前言页面缓存数据页管理第一页普通页前言日志读写恢复策略单线程恢复策略多线程恢复策略实现前言页面索引

灵动鱼·2024-01-22 05:50

react umi/max 页签(react-activation)

思路：通过react-activation实现页面缓存，通过umi-plugin-keep-alive将react-activation注入umi框架，封装页签组件最后通过路由的wrappers属性引入页面

王布尔·2024-01-21 14:04

react 页签(自行封装)

思路：封装一个页签组件，包裹页面组件，页面渲染之后把数据缓存到全局状态实现页面缓存。

王布尔·2024-01-21 14:03

Vue之keep-alive灵活清除页面缓存

引言对于使用过Vue.js开发过网页的小伙伴，对于keep-alive那可是熟透了，但是对于刚入门的小白，咱还是稍微介绍一下。keep-alive主要用于保留组件状态或避免重新渲染，而不是销毁它们，它的最大好处还是当我们在组件之间来回切换的时候，它可以很好的避免反复渲染带来的性能问题，就比如经常的tabs标签切换，用户可能会高频切换，并且在返回还想保留之前所做的操作，那么我们的keep-alive

派易星·2024-01-20 21:55

前端基于 Docker 的 SSR 持续开发集成环境实践

对于服务器而言，比仅提供静态文件，必须处理更高负载，考虑页面缓存等问题。一套代码两个执行环境。beforeCreate和created生命周期在服务器端渲染和客户端都会执行，如果在两套环境中加入具有

测试界的吴彦祖·2024-01-11 23:19

Linux 内存中的缓冲区（Buffer）与缓存（Cache）

Cache：是用于从磁盘读取文件的页面缓存，用于缓存从文件中读取的数据。这样，下次访问这些文件数据时，可以直接从内存中快速取回，而无需再次访问缓慢的磁盘。但是让我问你

ikt4435·2024-01-11 09:22

keep-alive页面缓存问题

B页面为缓存页面，meta.keepAlive为true，当A页面进入B页面后，B页面需要渲染为不缓存的状态（效果等同第一次进入B页面），离开B页面后缓存B页面，也就是说B->A或者B->C都将B页面缓存

Demons_51fe·2024-01-11 03:29

meta标签使用总结

meta标签用于网页的与中,pragma与no-cache用于定义页面缓存,不缓存页面(为了提高速度一些浏览器会缓存浏览者浏览过的页面,通过下面的定义,浏览器一般不会缓存页面,而且浏览器无法脱机浏览.)

csdn00520·2024-01-08 10:43

微信公众号H5页面缓存问题（微信缓存了 index.html 入口）

做微信公众号和调试手机页面的时候，避免不了页面要跳转到微信浏览器打开，调试阶段，android版微信浏览器一直都默认缓存html静态资源，每次静态资源变化甚至新内容发布的时候在微信浏览器上都极有可能不能更新，很多时候要清理微信缓存才能看到效果，很是烦人。部分客户装了QQ浏览器，微信实际调用的是QQ浏览器，有时候甚至光清理微信缓存都无效，QQ浏览器的缓存也要清。经过一番探索微信浏览器确实是在webv

年年CODE·2024-01-05 19:07

linux清理缓存cache,Linux清理cache缓存

cache缓存占用太大，服务起不来，需要查看清理缓存查看缓存：free-m输入运行下面一行：echo3>/proc/sys/vm/drop_caches#释放缓存区内存的方法1)清理pagecache(页面缓存

weixin_39951295·2024-01-05 17:39

【Linux】Linux Page Cache页面缓存的原理

Pagecache（页面缓存）是计算机操作系统中的一种机制，用于将频繁访问的数据从磁盘存储到内存中，以便更快地访问。当程序从磁盘请求数据时，操作系统会检查该数据是否已经存在于页面缓存中。

morris131·2024-01-05 17:05

vue项目中如何使用keep-alive添加页面缓存

方法1：router.js添加配置参数配置router时添加meta对象，配置路由中需要额外携带的参数信息constroutes=[{path:'/webScreen',name:'截屏',component:resolve=>require(['@/views/webScreen/index.vue'],resolve),meta:{keepAlive:true//需要被缓存}},{path:'

Hermione_log·2023-12-31 22:43

Linux：apache优化（3）—— 页面缓存时间

作用：通过mod_expires模块配置Apache，使网页能在客户端浏览器缓存一段时间，以避免重复请求，减轻服务端工作压力。启用mod_expires模块后，会自动生成页面头部信息中的Expires标签和CacheControl标签，从而降低客户端的访问频率和次数，达到减少不必要的流量和增加访问速度的目的。注意：编译安装时必须使用以下配置项--enable-expires##启用网页缓存过期时间

鲍海超-GNUBHCkalitarro·2023-12-31 11:21

漏洞情报 | CVE-2022-0847 Linux 本地内核提权漏洞（剑幕支持检测）

非特权本地用户可以使用此漏洞写入由只读文件支持的页面缓存中的页面，从而提升他们在系统上的权限。漏洞影响范围

杭州默安科技·2023-12-29 11:31

推荐频道