keep-alive

vue动态路由缓存【前进刷新、后退缓存】

缓存组件，vue2中提供了keep-alive。首先在我们的app.vue中定义keep-alive这里是根据路由中的meta源信息中的keepAlive字段来判断当前路由组
全栈技术负责人·2023-12-01 08:14

vue单页应用前进刷新后退不刷新如何实现（利用keep-alive）

场景如下下面的图片（图1）：后退时，不刷新的页面。（需要保证左侧列表中的active状态）下面的图片（图2）：点击“返回”，返回到上图（图1）所示的页面，此时要保证（图1）的页面不刷新那么如何实现？step1在不需要刷新的路由元信息meta中,增加keepAlive:true属性step2在App.vue模板中改写，具体可以这样：#组件注释项目入口import{mapState,mapAction
有蝉·2023-12-01 08:12

Vue keep-alive 缓存路由和刷新路由

1、路由不缓存的时候：tab左右切换页面都会自动刷新，表现形式：工作台Radio选中，然后点DemoTab，再点会工作台，Radio不选中了2、加上Keep-alive后，实现Tab切换页面状态保存，比如工作台文本框写的
Teln_小凯·2023-12-01 08:42

vue中keepAlive实现缓存及不缓存

pageA->pageB->pageA（返回到的A页面需要缓存，路由返回页面情况）pageA->pageB->pageA（返回到的A页面不需要缓存，点击菜单到页面情况）功能实现1、我们使用vue模板的标签keep-alive
Lylovehyy·2023-12-01 08:42

浅悉http1.0 、http1.1和http2.0的区别

HTTP1.0HTTP1.1主要区别长连接HTTP1.0需要使用keep-alive参数来告知服务器端要建立一个长连接，而HTTP1.1默认支持长连接。
苏922·2023-11-30 17:56

vue-动态组件、keep-alive

vue-动态组件、keep-alive如果我们想写一个tabbar导航栏，我能想到的两种方式通过if条件判断的方式实现（不赘述）动态组件接下来我们就看看动态组件如何创建，废话不多少直接上代码（代码中有备注
builder2991·2023-11-30 07:24

可观测性项目开发与学习ing

不支持持久连接（Keep-Alive），每次请求完成后连接都会关闭。不支持多路复用，每个请求都需要按顺序发送和接收。不支持头部压缩，每个请求和响应的头部信息都需要完整传输。HTTP/
克莱默申克·2023-11-29 03:52

vue3实现element table缓存滚动条

背景对于后台管理系统，数据的展示形式大多都是通过表格，常常会出现的一种场景，从表格跳到二级页面，再返回上一页时，需要缓存当前的页码和滚动条的位置，以为使用keep-alive就能实现这两种诉求，实际开发的时候
张大栗子·2023-11-28 07:30

vue keep-alive 不生效和多级（三级以上）缓存失败

vuekeep-alivehttps://cn.vuejs.org/v2/api/#keep-alivekeep-alive不生效的可能原因如果安装官方的写法，已经正常完成keep-alive一级二级路由请检查需要
black墨·2023-11-27 09:05

DNS解析

打开chrome://net-internals/#dns，能清dns缓存，我发现http1.1不好用，http1.1支持keep-alive，所以你清了dns，但是socket还在，修改hosts文件不能即时生效原因在此
TT宁·2023-11-26 04:01

缓存组件状态，提升用户体验：探索 keep-alive 的神奇世界

在牛客打造高质量专栏《前端面试必备》蓝桥云课签约作者、已在蓝桥云课上架的前后端实战课程《Vue.js和Egg.js开发企业级健康管理项目》、《带你从入门到实战全面掌握uni-app》文章目录一、引言介绍keep-alive
阿珊和她的猫·2023-11-25 06:26

Python Socket编程

如果有个功能需要频繁的从后台获取数据就得疯狂的请求后台，每次都得三次握手，这样就效率不高了，后来加入了keep-alive可以长连接了，但是后台不能主动推送数据到前台，如果有个东西能保持一直连接，然后还能从后台推送数据到前台
小白小白啦·2023-11-25 00:55

HTTP发展史 —— 从 HTTP/0.9 到 HTTP/3 ，软硬知识结合讲解

img-blog.csdnimg.cn/c731600fbf3f4e5cb40e39b745c7b4af.png#pic_center=500x500)HTTP/1.1——破茧成蝶长连接（Connection:keep-alive
时安。·2023-11-24 21:31

vue里页面的缓存详解

关于vue里页面的缓存详解实用的例子ABC往下查看keep-alive是vue内置的一个组件，可以使被它包含的组件处于保留状态，或避免被重新渲染。
『 时光荏苒 』·2023-11-24 19:42

Vue的缓存坑

component:resolve=>require(["@/pages/demo/demo"],resolve),meta:{keepAlive:true,isUseCache:false}}在标签中添加keep-alive
jcxe·2023-11-24 19:56

【Vue2.0源码学习】内置组件篇-keep-alive

文章目录1.前言2用法回顾3.实现原理propscreateddestroyedmountedrender4.生命周期钩子5.总结1.前言是Vue实现的一个内置组件，也就是说Vue源码不仅实现了一套组件化的机制，也实现了一些内置组件，关于组件，官网如下介绍：是Vue中内置的一个抽象组件，它自身不会渲染一个DOM元素，也不会出现在父组件链中。当它包裹动态组件时，会缓存不活动的组件实例，而不是销毁它们
itpeilibo·2023-11-24 18:52

TCP keepalive 和 HTTP keepalive

于是在http1.1中，我们有了keep-alive这个解决方案，keepalive可以复用同一个tcp连接以承载多个http请求。有效地降低了网络开销，也减轻了服务器压力。
repetition_·2023-11-24 12:39

vue3 + vue-router + keep-alive缓存页面

1.vue-router中增加mate.keepAlive和deepth属性{path:'/',name:'home',component:HomeView,meta:{//当前页面要不要缓存keepAlive:false,//当前页面层级deepth:1,}},{path:'/list',name:'list',component:ListView,meta:{//当前页面要不要缓存keepAl
jugt·2023-11-23 23:16

＜keep-alive＞作用及用法

<keep-alive>是Vue.js的内置组件。它用于缓存具有相同组件树的组件。
&ACE&·2023-11-23 20:43

2021-05-16——vue路由缓存机制keep-alive

官方文档keep-alive博客地址简单解释beforRouteLeave使用原理vue实现返回记录滚动条例子
不停·2023-11-23 15:12

vue keep-alive 不生效 以及前进 后退 对数据刷新和保留缓存操作

https://blog.csdn.net/sinat_37255207/article/details/89373825
天渺工作室·2023-11-22 12:20

vue3+ts keep-alive缓存机制

切换组件import{ref,reactive}from"vue";importAfrom"./components/A.vue";importBfrom"./components/B.vue";constflag=ref(true);
你的美，让我痴迷·2023-11-22 09:13

vue3.0 使用 keep-alive 标签无效, 及其在 vue admin Layout 多级嵌套下出现问题

解决方案在下面,可以直接跳过,这是我遇到的一些问题先说一下问题所在,虽然vue3.0不需要rootdiv,但是keep-alivetransition这两个标签都需要错误示范rootdiv不能加在component外层正确使用路由组件使用路由页面代码(记住你的单个页面一定要使用一个rootdiv),例如下面是一个.vue文件xxxxxxxxxxxxxxx如果你是多级路由,每一个router-vie
是阿臻·2023-11-22 08:09

vue3中keep-alive使用include不生效

Vue3的setup语法糖，导致无法自定义组件name，使用keep-alive是需要name的，所以include不生效。
前端菜鸟。·2023-11-22 08:05

vue三级以上菜单keep-alive无效解决办法

原因是：多级菜单，多个共用组件导致的keepAlive缓存失效，三级以上的菜单结构中：+------------------------------+|Layout||+------------------------+|||Common||||+------------------+|||||Page|||||+------------------+|||+-------------------
ll7425·2023-11-22 08:00

使用activated，实现局部刷新功能

1，有时我们可能使用了keep-alive,使某个页面返回时不刷新，但是如果我修改资料，返回这个页面，我希望可以看到实时的资料变化，那么，就可以在不刷新的这个组件中使用activated，调用这个获取用户资料的接口
王老鸭的古古事·2023-11-21 20:22

vue3 keep-alive及动画

keep-alive加上以后切换填写的数据不会刷新,属性include，所包内容不会被刷新，其余都刷新，exclude所包内容被刷新，其余都不刷新,max指定缓存数量，按照使用组件频率，不常用的被剔除切换
榴莲患者·2023-11-21 11:25

vue切换路由页面数据缓存_vue路由切换后数据及滚动条保持不变

beforeRouteLeave导航守卫存储参数isRefresh到localStorage,从而在每一次进入列表页组件的active生命周期依据isRefresh进行刷新或滚动条scrollTop设置.keep-alive
数字游民Jarod·2023-11-21 01:29

【vue】vue路由缓存的几种方式

1、全部缓存直接用keep-alive标签包裹router-view标签就能缓存全部的页面了2、缓存单个指定路由同样直接用keep-alive标签包裹router-view标签，然后使用include指定需要缓存的页面的
没有梦想的coder·2023-11-21 01:57

vue组件及路由缓存keep-alive——vue路由缓存页面，组件缓存

今天改bug时发现一个特别好用的元素，之前只是知道这次用到了才知道其好处。前期项目页面很多，就都是路由跳转，然后传递id获取接口什么的，到后面优化时就发现有些有筛选功能的页面在筛选后再交互跳转路由后再返回到有筛选功能的页面时会清空之前的筛选这里就需要一个有缓存的功能，当时脑子一热还是想到了一些很麻烦的方法切不好后期优化，最后度娘将这个元素推给了我。在这里也分享给大家。路由缓存vuekeepaliv
LIUupup_·2023-11-21 01:56

HTTP常见面试题（小林coding版总结）

基本概念超文本传输协议2：常见状态码1xx提示信息2xx成功3xx重定向4xx客户端错误5xx服务器错误3：HTTP常见的字段host指定服务器的域名Content-Length回应的数据长度Connection长连接（Keep-Alive
阿彬在上路·2023-11-20 21:23

全网最全！Python爬虫requests库教程(附案例)

相对于urllib3库，requests库拥有完全自动化Keep-alive和HTTP连接池的功能。requests库包含的特性如
酒酿小小丸子·2023-11-20 18:47

关于wacth监听路由和keep-alive遇到的坑点

首先项目整体部分页面路由是被缓存起来的，为的是优化性能避免重复刷新这个时候登录项目点击其中一个页面后，返回后在点击任何页面都会触发这个已经点击页面的wacth监听执行方法，我的理解是路由被keep-alive
浅蓝色··2023-11-19 03:08

vue2.0源码分析——内置组件

题目：vue2.0源码分析——keep-alive前言：本篇文章，我将对vue2.0中所有的内置组件keep-alive的源码进行一个分析,我希望通过这篇文章的分析，不仅我自己也包括看这篇文章的所有小伙伴都能对
Story..·2023-11-17 03:20

TCP连接保活机制

在TCP连接中有一个保活机制，叫做Keep-Alive，用语言描述就是如下：在保活时间内，如果没有任何连接相关的活动，TCP保活机制会开始作用，每隔一个时间间隔（保活时间间隔），发送一个探测报文，该探测报文包含的数据非常少
seasidezhb·2023-11-16 02:52

Python 爬虫 requests 库教程(附案例)

相对于urllib3库，requests库拥有完全自动化Keep-alive和HTTP连接池的功能。requests库包含的特性如
Python_魔力猿·2023-11-14 10:36

史上最全，Python爬虫requests库。你必须得会。

相对于urllib3库，requests库拥有完全自动化Keep-alive和HTTP连接池的功能。requests库包含的特性如
爬遍天下无敌手·2023-11-14 10:36

keep-alive的作用及原理

具体的使用场景：对于一些不需要重复渲染页面的场景，例如从列表进入详情，再次返回时该页面保持原因的状态，这时候就用到了keep-alive，它的作用就是用于保存组件的渲染状态。
编程迪·2023-11-14 09:22

Vue中keep-alive组件的作用

keep-alive组件的作用作用：用于保留组件状态或避免重新渲染（缓存的作用）比如：当一个目录页面与一个详情页面，用户经常：打开目录页面=>进入详情页面=>返回目录页面=>打开详情页面，这样目录页面就是一个使用频率很高的页面
crazy的蓝色梦想·2023-11-14 09:49

vue中keep-alive的作用

vue中keep-alive的作用1、什么是keep-alive?
学习前端的渣渣·2023-11-14 09:16

Uservue 中 keep-alive 组件的作用

目录前言在开发单页应用时，我们经常会遇到需要在多个视图或组件之间切换的情况。Vue.js提供了强大的组件系统，让我们能够将界面划分为独立的、可复用的组件。然而，每次切换组件时，默认情况下Vue都会销毁旧组件实例并重新创建新的实例。这种行为确保了组件状态的独立性，但在某些情况下，这种行为可能会导致不必要的性能开销，特别是当组件的创建和销毁成本较高时。用法代码理解组件创建和销毁成本较高：如果一个组件的
破浪前进·2023-11-14 09:13

[Vue Router warn]: ＜router-view＞ can no longer be used directly inside ＜transition＞ or ＜keep-alive＞

[VueRouterwarn]:cannolongerbeuseddirectlyinsideor.之所以出现该警告，可能是由于router新版本的原因假设你的路由文件如下：constroutes=[{path:'/',name:'Home',component:Home,meta:{keepAlive:true}//true：需要被缓存}//其他路由...]那么你可以尝试将组件修改成如下内容：其
一拖再拖 一拖再拖·2023-11-13 01:16

vant-ui 移动端列表 缓存数据

一、首先要做的操作是，缓存当前页面的数据，使用的是vue的keep-alve我是直接在App.vue上加上keep-alive标签，使用include=""属性过滤要缓存的组件名称。
哎呦看看·2023-11-12 22:16

关于tcp发送成功但对端无法接收情况的思考

所以尝试复用http连接，请求的时候在头部添加Connection：Keep-alive，对端支持，但会在一定时常或一定请求次数后关闭该连接。这样就有一个问题。
liuyuan185442111·2023-11-12 13:54

WebSocket与HTTP有什么区别

HTTPWebSocket：是HTML5出的东西（协议），也就是说HTTP协议没有变化，或者说没关系，但HTTP是不支持持久连接的（长连接，循环连接的不算）；HTTP：首先HTTP有1.1和1.0之说，也就是所谓的keep-alive
Forevermoremo·2023-11-12 12:50

websocket与http的keep-alive的区别

websocket与http的keep-alive的区别HTTP协议的发展历程1.HTTP0.9\color{red}{HTTP0.9}HTTP0.9是第一个版本的HTTP协议，它具有HTTP协议典型的无状态的特点
georgeye323·2023-11-12 12:19

中科曙光刚刚

keep-alive怎么知道组件激活了吗使用activated和deactivated生命周期钩子less定义变量，less有什么优势在选择器中使用变量要加{}@primary-color:#007bff
weixin_45039278·2023-11-12 00:16

vue网页使用远程终端加终端多开

根据是否keep-alive缓存决定在created和mounted里面将带属性的xterm给予标签（initTerminal）并链接ws服务（web
progrmmmm·2023-11-11 15:45

Vue3 中生命周期的使用

目录前言：一、什么是生命周期函数二、什么是Keep-Alive组件三、生命周期函数分为几种，分别有什么用？
清风 与我·2023-11-11 14:29

uniapp,Vue刷新重新加载子组件状态(父页面存在缓存)

受uniapp页面缓存影响(keep-alive)只能在onShow页面生命周期中去处理。这里用到了v-if(创建，销毁)来刷新子组件状态。
词不达意难知·2023-11-11 05:23
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他