vue中要实现的一个场景就是： 1.从搜索页面 -》 搜索结果列表页时，搜索结果列表页要重新获取数据。 2.搜索结果列表页面 -》点击进入详情页 -》 再从详情页返回结果列表页，要保存上次已经加载的数据和自动还原上次的浏览位置。需要用到缓存组件缓存组件。vue2中提供keep-alive，首先在app.vue中定义keep-alive<keep-alive>
<transition name="router-fade" mode="out-in"> <keep-alive> <router-view v-if="$route.met
原创
2022-05-23 12:36:43
1268阅读
问题：从首页切换到我的，再从我的回到首页，我们发现首页重新渲染原来的状态没有了。首先，这是正常的状态，并非问题，路由在切换的时候会销毁切出去的页面组件，然后渲染匹配到的页面组件。但是我想要某些页面保持状态，而不会随着路由切换导致重新渲染。解决方法：使用 keep-alive 缓存组件官方文档：在动态组件上使用 keep-alive生命周期：钩子函数执行时机beforeCreate初始渲染执行，缓存
转载
2024-10-18 11:42:11
62阅读
在vue项目中，有些组件没必要多次渲染，我们需要组件在内存中缓存下来。此时keep-alive就可以派上用场了，keep-alive可以使被包含的组件状态维持不变，即便是组件切换了，其内的状态依旧维持在内存之中。在下一次显示时，也不会重现渲染。PS：keep-alive 与 transition相似，只是一个抽象组件，它不会在DOM树中渲染(真实或者虚拟都不会)，也不在父组件链中存在，比如：你永远
1.3 Html5框架选型使用Html5来作为移动应用开发并不是新鲜事了，通过使用Html5+JavaScript+Css3可以创建丰富的交互式Web或移动体现，例如你可以使用PhoneGap框架来包装你的应用，同时通过他们提供的iPhone、iPad以及Android的多种API类库来完成一套代码多个平台的应用程序分发工作。为了更丰富、更快、更好也更容易的实现移动应用，大家不必事事亲力亲为，可以
前言 遇到这一个个问题 需要是这样的 Vue里面的不刷新问题页面分为： A 主页 B列表页 C 详情页A beforeRouteLeave 时设置 to.meta.keepAlive = false (A 进入 B页面时)， 不缓存 B列表页B beforeRouteLeave 时 （B -> C）列表页进详情页时 from.meta
转载
2024-05-17 16:57:11
216阅读
问题描述大家用vue脚手架搭建前端工程时，常被缓存问题所困扰，具体的表现就是，当程序版本升级时，用户因为缓存访问的还是老的页面，然后很多同学很暴力的直接在index.html中加入了这几行代码： <meta http-equiv="Expires" content="0">
<meta http-equiv="Pragma" content="no-cache">
<
转载
2024-04-29 09:41:01
274阅读
一、< keep-alive >< keep-alive > 用来缓冲插槽中的内容（缓冲后不会重新渲染），就是 < keep-alive >……< / keep-alive>标签包裹的内容，里面只允许一个根标签，多个根标签只缓冲第一个标签，如：<keep-alive>
<div>root1</div>
<
转载
2024-08-03 16:06:21
631阅读
vue-router时 keep-alive 页面缓存问题解决keep-alive 包裹动态组件时，会缓存不活动的组件实例，而不是销毁它们。keep-alive 是一个抽象组件：它自身不会渲染一个 DOM 元素，也不会出现在父组件链中。当组件在 keep-alive内被切换，它的 activated 和 deactivated 这两个生命周期钩子函数将会被对应执行。 作用：在组件切换过程中将状态保
转载
2024-04-16 16:53:08
66阅读
关于http或者是浏览器缓存策略，我认为可以分为这三种：不使用缓存强制使用缓存协商使用缓存不使用缓存有时，我们希望浏览器永远都不要使用缓存，全部到服务器拉取数据，此时即为不使用缓存，我们可以在服务端通过Cache-Control为 no-store实现。服务器端针对上面文件设置了no-store，可以看到在请求的时候，无论怎么刷新，都是返回200，不会显示304，也不会显示“memory cach
转载
2024-03-14 06:41:36
708阅读
缓存方式localStoragesessionStoragestorage.js（实际上时多种方式的集合也包括了前两种)vuexkeep-alive(主要用于保留组件状态或避免重新渲染，自动缓存，并不能自己读写)localStorage可长期存储数据，除非用户清楚localStorage信息，否则数据会一直存在。同一中浏览器之间，不同页面，数据可以共享。//存
// 将this.pickerIte
转载
2024-03-25 14:43:32
123阅读
缓存，不管是PC 端还是移动端，不可避免的问题。vue中有一个keepAlive,这个api 基本 能实现我们开发的一些需要。 一、简单介绍下keep-alive: 1、把切换出去的组件保留在内存中，可以保留它的状态或避免重新渲染，实现页面缓存； 2、<
转载
2023-06-01 15:30:27
309阅读
html:<pre><META HTTP-EQUIV="pragma" CONTENT="no-cache"><META HTTP-EQUIV="Cache-Control" CONTENT="no-cache, must-revalidate"><META HTTP-EQUIV="expires" CONTENT="0"></pre>p
转载
精选
2007-08-15 13:36:24
2360阅读
1评论
# 如何确保 Axios 请求不被缓存
在前端开发中，我们常常需要通过网络请求获取最新的数据。然而，有时候浏览器的缓存机制会影响请求的实时性。在这篇文章中，我们将学习如何使用 Axios 发起请求，并确保这些请求不被缓存。
## 流程概述
以下是确保 Axios 请求不缓存的步骤：
| 步骤 | 描述 |
|------|------------------|
|
原创
2024-09-22 05:39:12
262阅读
# 如何实现“jquery不缓存”
## 1. 简介
在实际开发中，我们经常会使用jQuery来操作DOM和处理事件。然而，由于浏览器的缓存机制，有时候我们在更新网页后发现代码没有生效，这是因为浏览器会缓存之前的jQuery文件，导致我们看不到最新的修改。为了解决这个问题，我们需要告诉浏览器不要缓存jQuery文件，而是每次都从服务器上下载最新的文件。
在本文中，我将向你介绍如何实现“jque
原创
2023-09-05 10:58:41
62阅读
一、HTTP缓存机制1、高并发下只能通过提升服务器负载解决？不是，可以流量优化，前端优化，服务器优化等等（详解可参考 PHP如何解决网站大流量与高并发的问题？）。2、缓存只能做数据库缓存吗？还可以做浏览器的缓存，浏览器缓存可以降低服务器的压力，同时也可以节省带宽和流量。本节会着重对浏览器的缓存进行讲解3、缓存分类1） HTTP缓存模型中，如果请求成功会有三种情况：200 from cache：即
转载
2024-06-26 13:42:46
969阅读
需求在开发vue的项目中有遇到了这样一个需求：一个视频列表页面，展示视频名称和是否收藏，点击进去某一项观看，可以收藏或者取消收藏，返回的时候需要记住列表页面的页码等状态，同时这条视频的收藏状态也需要更新, 但是从其他页面进来视频列表页面的时候不缓存这个页面，也就是进入的时候是视频列表页面的第一页一句话总结一下： pageAList->pageADetail->pageAList, 缓存
转载
2023-08-27 22:48:22
138阅读
vue中强大的缓存机制之keep-alive 最近在用vue做项目，在切换页面时发现切换回原来的页面无法保存原来的状态。 如A页面需要ajax请求数据，然后切换到B页面做某些事情，再切换回A页面时，A页面又再请求数据，但是作为前端，性能优化时必须要考虑的，并且，vue构建的单页面应用，大多数情况下是不需要重新请求数据的，这时keep-alive就派上用场了。 第一部分：
转载
2024-07-02 15:08:13
118阅读
解决js缓存地址问题
js实现不缓存
<META HTTP-EQUIV="pragma" CONTENT="no-cache">
<META HTTP-EQUIV="Cache-Control" CONTENT="no-cache, must-revalidate">
<META HTTP-EQUIV="expires" CONTENT="
转载
2023-06-06 11:01:26
226阅读
当浏览器发出一个http请求的时候，会加载各种各样的资源，如：HTML文档、视频、图片、CSS和JS等。对于这些url不变的资源，浏览器会将他们保存在本地缓存中，下次再访问相同网站的时候，可以直接加载，加快访问。浏览器的这个缓存策略，一方面加快了访问的速度，另一方面也会遇到一个问题，就是不能及时加载最新的css和js文件。 1.文件hash化或者后面加上问号和一些随机字符：
转载
2023-06-08 13:07:49
938阅读
