Keep-Alive 第7页

vue3使用keep-alive处理返回scrollTop

1、使用keep-alive进行缓存页面激活的时候会触发onActivated；如果存在多级的router-view，需要在每一级写上上面的缓存代码。

LemonTree7·2023-10-11 16:16

动态keep-alive缓存组件

分析案例场景：问题：1、项目详情页需要进行keep-alive缓存2、进入一个项目的详情页，在进入另外一个项目详情页，发现展示的还是上个项目的详情页（被缓存了）实现：keep-alive组件的exclude

Best_卡卡·2023-10-11 12:24

element-ui table 设置表格滚动条位置

场景:在切换不同页面时（被keep-alive缓存的组件间切换），页面中的element-uitable的滚动条位置没有停留在原来的位置。目前需要切换不同的页面返回来后，滚动条保持在原来的位置。

小志哥斯拉·2023-10-11 07:49

vue2生命周期面试题

那么生命周期的执行顺序是1.3在created中如何获取dom1.4为什么发送请求不在beforeCreate中，beforeCreate和created有什么区别1.5发送请求在created还是mounted1.6加入keep-alive

qq_51357960·2023-10-10 21:27

vue keep-alive 与 v-if 同时使用时的注意事项

**vuekeep-alive与v-if同时使用时的注意事项**在切换keyVal的值为false和true时，当第一次切换到两个组件的时候，myCom与otherCom的mounted、activated生命周期都会被触发（先mounted后activated），等再次切换回来的时候，只会触发activated，注意此处也可以用componentis的形式代替，效果是同样的，代码规范上也更合适一

不能被吃掉的蚂蚁·2023-10-10 13:11

vue3 中使用 keep-alive 不生效的原因，及keep-alive使用详细介绍

keep-alive是vue提供的一个组件，它可以将组件缓存起来，避免在组件切换时，每次都重新渲染，从而提高页面性能和用户体验。因此，keepalive被广泛应用于一些需要频繁切换路由或组件的应用中。

前端打工人·2023-10-10 12:34

Vue 中 KeepAlive 内置缓存使用

KeepAlive介绍及使用场景KeepAlive是vue中的内置组件，当多个组件动态切换时可以对实例状态进行缓存，用法如下router-view中定义了一个信号槽，来渲染跳转后的组件，将keep-alive

程序员大飞1·2023-10-10 05:17

【HTTP版本，HTTP2和HTTP3区别】

3.HTTP/1.1：增加了持久连接（Keep-Alive）、虚拟主机

cv全粘工程师·2023-10-09 18:11

HTTP长连接实现原理

在HTTP/1.1版本中，默认的连接都是长连接，我们可以通过Connection:keep-alive字段进行指定。HTTP短连接浏览器向服务器每进行一次HTTP操作都要建立一个新的连接。

weixin_64051447·2023-10-08 13:35

Vue Router（二）

目录一、嵌套路由1、路由定义2、代码例子3、重定向二、懒加载1、缘由2、代码例子三、导航守卫1、全局前置守卫2、全局后置守卫3、meta元信息四、生命周期1、解释2、执行顺序3、例子五、keep-alive

五秒法则·2023-10-08 07:43

vue 路由缓存

缓存方式：1、全部缓存直接用keep-alive标签包裹router-view标签就能缓存全部的页面了2、缓存单个指定路由同样直接用keep-alive标签包裹router-view标签然后使用include

shidouyu·2023-10-08 00:54

Vue中keep-alive的深入理解和使用

什么是keep-alive?在平常开发中，有部分组件没有必要多次初始化，这时，我们需要将组件进行持久化，使组件的状态维持不变，在下一次展示时，也不会进行重新初始化组件。

唯吾听烟雨·2023-10-07 20:58

一天一八股——TCP保活keepalive和HTTP的Keep-Alive

TCP属于传输层，关于TCP的设置在内核态完成HTTP属于用户层的协议，主要用于web服务器和浏览器之间的http的Keep-Alive都是为了减少多次建立tcp连接采用的保持长连接的机制，而tcp的keepalive

木子南的翻斗花园·2023-10-07 16:20

Vue 关于keep-alive 关于activated

要将原本写在底部tab作为入口页面改成以其他链接的方式进入，但是tab入口的页面都是keep-alive包裹的动态组件。如下包裹动态组件时，会缓存不活动的组件实例，而不是销毁它们。

还在努力的乌贼·2023-10-07 13:30

qiankun vue3.0 保持组件状态 keep-alive 的使用

手动控制子应用加载qiankun默认提供可配置的引用加载方式,registerMicroApps。这种方式存在一些问题：应用的切换取决于路由路径，且路由的切换将触发应用的卸载与加载,例如：从A切换到B,流程：触发Aunmount->判断B是否加载过，未加载过：触发bootstrap->触发mount，加载过：直接触发mount如果子应用存在内部路由时，内部路由跳转也将触发应用的重载。可以看到应用的

copyLeft·2023-10-04 15:38

VUE 多语言切换

主要解决两个问题1、刷新空白问题2、Tab打开的页面多了以后，多语言切换只能切换看到的那个页面，其他页面不触发切换解决思路：使用keep-alive清掉路由缓存实现代码：路由相关核心切换逻辑"$store.state.setting.lang

Teln_小凯·2023-10-03 13:08

HTTP的长连接和短连接

关键字：Keep-Alive，并发连接数限制，TCP，HTTP1、什么是长连接HTTP1.1规定了默认保持长连接（HTTPpersistentconnection，也有翻译为持久连接），数据传输完成了保持

dvlinker·2023-10-02 15:32

vue keep-alive

keep-alive有时候我们不希望组件被重新渲染影响使用体验；或者处于性能考虑，避免多次重复渲染降低性能。而是希望组件可以缓存下来,维持当前的状态。

ZYLoooong·2023-10-02 12:29

vue 路由跳转页面数据不更新问题

由于router-view使用了keep-alive组件，被缓存了。

伟笑·2023-10-01 14:03

vue3.0 页面缓存正确打开方式

网上搜索缓存处理方案有很多，很多都采用Keep-alive对router-view做缓存，这样的处理方式简单又高效，在使用的过程中作为新手的我碰到了很多

猿田·2023-09-30 07:29

请阐述keep-alive组件的作用和原理

面试题：请阐述keep-alive组件的作用和原理keep-alive组件是vue的内置组件，用于缓存内部组件实例。

monkey-papa·2023-09-29 08:53

vue.js 使用keep-alive设置返回不刷新

vue2.0提供了一个keep-alive组件用来缓存组件,避免多次加载相应的组件,减少性能消耗。二、它有两个生命周期：activated:keep-alive组件激活时调用deactiv

王哈哈zzz·2023-09-28 07:00

【bug】【vue】页面切换keep-alive导致的数据问题

在公共组件改变参数时，所有页面都会去重新请求数据，当前页面根据数据重新渲染，但切换回其他页面时，由于keep-alive，页面没有变化。

lorogy·2023-09-28 04:10

关于AXIS客户端响应速度慢的问题总结

而http1.0是不提供persistentconnection（keep-alive）模式的，这样每次call都会建立一次新的连接，尤其是对于ssl的连接来说，这个开销就有点霸道了。h

lyt567·2023-09-28 02:37

协议-TCP协议-基础概念03-Keep live保活机制-TCP RST-TCP连接

网络排查案例课》Keeplive保活机制定时发送心跳探测包；对于心跳回复包有超时限制；要打开这个TCPKeep-alive特性，你需要使用setsockopt()系统调用，对已经创建的Socket进行配置，启用Keep-alive

张望远-长风万里·2023-09-26 06:10

关于 Http 协议中的 keep-alive 与 Tcp keep-alive

最近在做api开发,http无状态是众所周知的,但是刚才突然想到了http的keep-alive模式,心里有些不解,于是找了些资料,挑选了比较容易理解的摘出来,和大家分享一下.一些词汇的基础概念:Http

暮雨默默·2023-09-25 22:14

【vue2第十八章】VueRouter 路由嵌套与 keep-alive缓存组件(activated,deactivated)

VueRouter路由嵌套在使用vue开发中，可能会碰到使用多层级别的路由。比如：其中就包含了两个主要页面，首页，详情，但是首页的下面又包含了列表，喜欢，收藏，我的四个子路由。此时就需要配置子路由通过使用children：importVuefrom'vue'importAppfrom'./App.vue'importMyDetailfrom'./views/MyDetail.vue'importM

一个大不溜w·2023-09-25 10:03

vue初始化页面数据，this.$option.data()报错问题

在做项目的时候，如果使用到了keep-alive来缓存动态组建的时候，我们需要在deactivated(){}方法中来实现跳转页面，初始化页面数据，就需要用到Object.assign(this.

out-of-reach·2023-09-24 13:07

vue之按需加载组件

解决方法利用vue的keep-alive和component实现可访问页面的展示。

1999笃行·2023-09-24 09:21

websocket 和 dwr 做web端即时通信

一、WebSocket是HTML5出的东西（协议），也就是说HTTP协议没有变化，或者说没关系，但HTTP是不支持持久连接的（长连接，循环连接的不算）首先HTTP有1.1和1.0之说，也就是所谓的keep-alive

_双眸·2023-09-24 07:24

什么是Vue的keep-alive组件？有什么作用

Vue的组件：优化性能和缓存组件Vue.js是一款流行的JavaScript框架，用于构建现代化的前端应用程序。在Vue中，有一个强大的组件叫做，它用于缓存和重用组件，从而提高应用程序的性能。本文将深入介绍Vue的组件，解释它的作用和如何使用它。什么是组件？是Vue.js的内置组件，它用于缓存动态组件。在典型的Vue单页应用（SPA）中，切换路由或显示不同的页面时，组件通常会被销毁并重新渲染。这意

计算机毕设徐师兄·2023-09-24 04:06

OkHttp源码分析(三)——网络操作(两个拦截器)

Http1.1的Keep-Alive机制和Http2.0的多路复用机制，在实现上都需要引入连接池来维护网络连接。OkHttp中连接池的实现——连接拦截器ConnectInterceptor。

李die喋·2023-09-22 12:17

vue3+vite+vant通用项目基础h5模块，开箱即用哦

已按需引入vant3UI组件库2.已引入flex布局公共样式封装3.支持rem适配,375和750设计稿4.支持多环境(开发测试生产环境)5.已完成axios封装6.已完成API请求统一管理7.已实现keep-alive

不忘初心_d·2023-09-21 17:30

http 请求报文和响应报文编写（java socket实例）

：请求行、请求头部、请求体GET/HTTP/1.1\r\nHost:114.55.40.20\r\nContent-Type:text/html;charset=utf8\r\nConnection:keep-alive

廖钺焕·2023-09-21 16:00

九、性能测试之网络测试

性能测试之网络测试一、网络知识二、判断带宽是否有问题1）查看本机带宽：1、ping目标服务器2、查看网卡三、网络调优实战：当接口报地址被占用/连接超时原因1：是源端口不够用解决方案：1、我们尝试去掉keep-alive

好多可乐·2023-09-21 04:04

组件切换之笨办法、动态组件(is属性、keep-alive)、插槽(不具名、具名)

组件切换之笨办法、动态组件、动态组件之keep-alive、插槽(不具名、具名)1组件切换之笨办法2动态组件3动态组件之keep-alive4插槽4.1不具名插槽4.2具名插槽1组件切换之笨办法Title

我可以将你更新哟·2023-09-21 01:11

用几行脚本解决了困扰了客户一周的需求

实现方案日志内容的示例如下：{"req":{"headers":{"host":"x.x.x.x","connection":"keep-alive","x-forwarded-for":"x.x.x.x

bellengao·2023-09-19 16:22

vue动态路由切换刷新保留历史路由搜索条件数据

最近有客户反映我们系统按条件查询完列表进入详情页后再返回列表页时页面没有展示他查询的那条数据，而是进入页面一贯会展示按无条件查询的数据，希望我们能对列表做查询缓存，那咱们就用keep-alive来实现一下

TING沫·2023-09-17 20:03

浅谈HTTP Keep-Alive

最终解决办法是：1、请求超时时间timeout5s->1s2、开启Keep-Alive。问题排查首先我们重启服务短暂解决了不可访问的问题，既然是线上问题，一定不能忽视，我们开始通过一些手段复现问题。

大转转FE·2023-09-16 01:10

keep-alive简述

keep-alive作用，使用场景一.keep-alive的使用场景在vue项目中,难免会有列表页面或者搜索结果列表页面,点击某个结果之后,返回回来时,如果不对结果页面进行缓存,那么返回列表页面的时候会回到初始状态

anpan666666·2023-09-16 01:10

vue动态组件is的两种用法

/goods.vue";exportdefault{data(){return{comType:"vSon",};},components:{vSon,vGoods,},};2、keep-alive缓存组件

岳哥i·2023-09-15 14:58

mac 本地运行 http-proxy-middleware ，请求超时

/target:"http://user.jinfu.baohan.com/",changeOrigin:true,//是否启用跨域//解决mac代理超时问题headers:{Connection:"keep-alive

当代词圣李白·2023-09-15 10:19

vue列表跳转详情，记录列表滚动不变

记录主元素computed:{elTable:function(){returndocument.getElementsByClassName('layout-content')[0]},},当引入keep-alive

唐月123456·2023-09-15 01:51

vue之性能优化

keep-alive对组件进行缓存，节省性能。v-if和v-show看场景，自行选择减少

嚭·2023-09-12 18:05

WebSocket的原理与优缺点

Http协议本身只有1.0和1.1，也就是所谓的Keep-alive，把多个Http请求合并为一个。二、Websocket是什么样的协议，具体有什

json-zhou·2023-09-12 18:32

websocket与http优缺点

Http协议本身只有1.0和1.1，也就是所谓的Keep-alive，把多个Http请求合并为一个。WebSocket是HTML5中的协议，支持持

liurwei·2023-09-12 18:58

手动控制vue路由离开后是否清除keep-alive缓存

如果使用this.$destroy()会造成相应组件页面之后也不能keepAlive缓存，于是找到下面的方法。另外把监控路由离开事件的this.$destroy()写在Vue.mixin里，或者写在单独作为mixin引用的.vue文件里可以方便做统一配置。下面的this.$store.state.app.ifDestory和this.$store.commit('SET_COMPAGE_DESTO

Jx_dev·2023-09-12 15:48

什么是动态组件以及使用场景

二、使用demo1.tab页签中的使用2.模拟新闻页demo三、用keep-alive包裹，保持状态总结一、vue中的动态组件是什么？有什么用？动态组件指可以动态切换组件的显示和隐藏。

weixin_42936434·2023-09-12 07:51

keep-alive缓存三级及三级以上路由

需求需要缓存这个出入记录，当tab切换时不重新加载，当刷新页面时，或把这个关闭在重新打开时重新加载如图：（我这里用的是芋道源码的前端框架)keep-alive1、include包含页面组件name的这些组件页面，会被缓存起来2、exclude除了这些name以外的页面组件，会被缓存起来3、没有include或者exclude属性，表示所有的路由组件都会被缓存起来exportdefault{name

大可-·2023-09-12 05:07

在 React 中实现 keep alive

什么是keepalive在Vue中，我们可以使用keep-alive包裹一个动态组件，从而缓存不活跃的实例，而不是直接销毁他们：这对于某些路由切换等场景非常好用，例如，如果我们需要实现一个列表页和详情页

小哪吒·2023-09-11 05:54

推荐频道

Keep-Alive