526互联

keep-alive

若依关闭页签不会销毁 keep-alive 缓存的组件

问题场景 使用 keep-alive 缓存的组件。离开该页签时，组件状态为 inactive；点击该页签时，组件状态为 active。 点击按钮关闭该页签 this.$tab.closePage(view)，该组件被销毁。 需求：在页面A中删除数据B，则之前点击数据B打开的页签C会被关闭（使用 th ......
缓存 keep-alive 组件 alive keep

vue 组件缓存 keep-alive的include失效

include中添加的name属性，必须与对应的vue组件文件中的name属性保持一致 详见：https://www.jianshu.com/p/ab5191eb7f1d 翻译 搜索 复制 ......
缓存 keep-alive 组件 include alive

关于vue中的动态组件component和keep-alive

component标签是vue内置的，作用：组件的占位符 <component is="组件名称"></component> 其中is属性的值表示要渲染的组件的名字，也就是components节点下的组件名称 当我们动态切换组件名称时，每切换一次，组件就会被销毁一次，若不想让组件被销毁，则需要用到标 ......
keep-alive 组件 component 动态 alive

Vue中跟 keep-alive 有关的生命周期是哪些？

在开发 Vue 项目的时候，大部分组件是没必要多次渲染的，所以 Vue 提供了一个内置组件 keep-alive 来缓存组件内部状态，避免重新渲染，在开发 Vue 项目的时候。 生命周期函数：在被 keep-alive 包含的组件/路由中，会多出两个生命周期的钩子:activated 与 deact ......
keep-alive 周期 生命 alive keep

Vue2 keep-alive实现原理

Vue.js 内部将 DOM 节点抽象成了一个个的 VNode 节点，keep-alive 组件的缓存也是基于 VNode 节点的而不是直接存储 DOM 结构。它将满足条件（pruneCache 与 pruneCache）的组件在 cache 对象中缓存起来，在需要重新渲染的时候再将 vnode 节 ......
keep-alive 原理 alive Vue2 keep

keep-alive 是一个抽象组件：它自身不会渲染成一个 DOM 元素，也不会出现在父组件链中。

keep-alive 是一个抽象组件：它自身不会渲染成一个 DOM 元素，也不会出现在父组件链中。 在组件切换过程中将状态保留在内存中，防止重复渲染DOM，减少加载时间及性能消耗，提高用户体验性。 include定义缓存白名单，keep-alive会缓存命中的组件；exclude定义缓存黑名单，被命 ......
组件 keep-alive 元素 alive keep

项目中难点-A页面中填写查询条件并查询出表格数据后，点击详情跳转页面B,B页面返回A页面时保留查询出的内容信息--使用页面缓存keep-alive

页面缓存keep-alive 1、在路由routes中配置需要进行缓存的页面 keepAlive:true meta:{ keepAlive:true, title:"页面名称"， } 如图： 2、在router-view显示的入口页面APP.vue中，对需要的页面进行缓存 <template> < ......
页面 难点 缓存 keep-alive 表格

TCP协议：超时重传、流量控制、keep-alive和端口号，你真的了解吗？

本文深入探讨了TCP协议的超时重传、流量控制、keep-alive机制及端口号等相关内容。超时重传是根据RTT计算的，通过平滑往返时间（SRTT）来灵活调整超时重传时间。流量控制使用滑动窗口机制，根据接收方窗口大小调整发送数据量。Keep-alive机制通过定期发送探测报文保持TCP连接活跃。端口号... ......
keep-alive 口号 流量 alive keep

keep-alive实现tab标签页缓存

标签页缓存 实现效果： 已经打开的tab页签，再次访问不重新加载；关闭tab页签后再次访问，则重新加载 实现技术： keep-alive组件的include属性指定页面缓存 一、修改Main.vue 1、 代码： <keep-alive :include="cachPage"> <router-vi ......
缓存 keep-alive 标签 alive keep

Vue: keep-alive的使用

作用： 组件切换时保持组件状态不被销毁 属性： include——包括：值为字符串或正则表达式或数组；指定的组件被缓存 exclude——不包括：值为字符串或正则表达式或数组；指定的组件不被缓存 exclude优先级高于include 用法： <keep-alive include="home,ab ......
keep-alive alive keep Vue

关于.NET(C#)里使用HttpWebRequest中碰到的一些和Keep-Alive相关的内容

c#采集其他网站数据时，会比较多的使用HttpWebRequest来实现HTTP访问，读取网站内容。 最近关注一下几个问题： HttpWebRequest.ServicePoint ServicePointManager request.KeepAlive ServicePoint.SetTcpKe ......
HttpWebRequest Keep-Alive 内容 Alive Keep

vue语言中的keep-alive的作用

在前端Vue语言中，keep-alive是一个抽象组件，用于在Vue组件树中缓存动态组件。它可以有效地保留组件的状态，以避免在组件之间切换时重复渲染和销毁组件，从而提高性能。 使用keep-alive包裹动态组件后，当动态组件被切换时，它将会被缓存，而不是被销毁。这样，组件的状态、DOM以及所有的子 ......
keep-alive 作用 语言 alive keep

Vue组件缓存之keep-alive正确使用姿势

先来看一个项目中的需求 作为苦逼的前端开发者，我们无时无刻都要面对产品经理提的各种需求, 比如下图这个场景 场景： 从首页的点击导航进入列表页, 列表页点击列表进入 该 数据详情页 从详情页返回，希望列表页缓存，不重新渲染数据，这样会提高用户体验。 分析一下 这样需求，如果是小程序的话，默认列表页就 ......
缓存 keep-alive 组件 姿势 alive

vue3 使用 setup 语法糖时，keep-alive 缓存使用 include / exclude 获取组件名

``` ``` `vue3` 使用 `keep-alive` 缓存页面时，如果需要使用 `include / exclude` 参数，那么就要用到组件名称。如果用 `setup` 语法糖书写时无法直接获取组件名，此时想要设置组件 `name` 的话有如下方法： #### 1. 多写一个script标 ......
缓存 语法 keep-alive 组件 include

记录一个通过keep-alive缓存组件不生效的问题

项目中通过菜单管理配置页面进行缓存，layout组件中通过keep-alive的include属性进行命中 官方描述：匹配首先检查组件自身的 name 选项，如果 name 选项不可用，则匹配它的局部注册名称 (父组件 components 选项的键值)。匿名组件不能被匹配。 通过检查发现配置菜单时 ......
缓存 keep-alive 组件 问题 alive

TCP的Keep-Alive机制：链接存在但是没有数据传输，内核怎么处理

服务端会定期发送**探测报文**来检测客户端的存活状态。 由三个内核参数控制： - 首次发送探测报文时间：`net.ipv4.tcp_keepalive_time`有报文传输时重置 - 探测报文的发送间隔：`net.ipv4.tcp_keepalive_intvl` - 探测报文的最大重试次数：`n ......
数据传输 内核 Keep-Alive 机制 链接

【网络】【TCP】TCP Keepalive 和 HTTP Keep-Alive 是一个东西吗？

1 前言 这节我们来看个问题，就是 TCP Keepalive 和 HTTP Keep-Alive 是一个东西吗？ 事实上，这两个完全是两样不同东西，实现的层面也不同： HTTP 的 Keep-Alive，是由应用层（用户态） 实现的，称为 HTTP 长连接； TCP 的 Keepalive，是由  ......
Keep-Alive TCP Keepalive 东西 Alive

解决vue-router在3级路由keep-alive后组件加载多次方法

问题 连续两天遇到keepalive问题，第一个问题是三级路由嵌套router-view没法缓存问题，第二个问题是使用keepalive导致组件渲染两次问题，深坑。。。 官方bug 解决思路 引入routerHelper，createRouter时三级路由提升为两层 import { deepClo ......
路由 vue-router keep-alive 组件 方法

Vue 通过vuex动态缓存 keep-alive

在需要组件缓存的页面路由添加keep-alive属性 为true [{ path: 'text', component: () => import('@/views/text/index'), name: 'text', meta: { title: 'text', needRole: true, ......
缓存 keep-alive 动态 alive vuex

Vue内置缓存组件keep-alive

<el-tab-pane label="周边配套" :disabled=!gardenId name="five"> <keep-alive> <Surrour :gardenId="gardenId" v-if="activeName 'five'"/> </keep-alive> </el-ta ......
缓存 keep-alive 组件 alive keep

keep-alive【组件保活机制】

1、概念相关 列表页面 ——进入详情页 —— 后退到列表页（缓存列表页的原来数据以及滚动位置） 重新进入列表页面，获取最新的数据 2、实现 3、钩子函数 当组件被激活时，触发钩子函数 activated 当组件被移除时，触发钩子函数 deactivated ......
keep-alive 组件 机制 alive keep

使用vue的keep-alive缓存组件，三级菜单组件无法缓存问题解决

使用vue做后台管理系统，需求是所有的菜单打开之后，下次点击的时候的使用缓存，这里很简单的做法就是用来包裹住;但是一级菜单和二级菜单都没有问题，三级菜单就会出现无法缓存的问题，网上找资料说是vue中keep-alive本身存在的缺陷，需要在路由守卫中将matched属性做一下优化，具体如下 // 处 ......
缓存 组件 keep-alive 菜单 问题

vue3 keep-alive实现tab页面缓存

先上图 如何在我们切换tab标签的时候，缓存标签最后操作的内容，简单来说就是每个标签页中设置的比如搜索条件及结果、分页、新增、编辑等数据在切换回来的时候还能保持原样。 看看keep-alive是如何实现该功能的。 首先我们要了解keep-alive的基本使用。具体介绍请查看官方文档（https:// ......
缓存 keep-alive 页面 alive vue3

HTTP1.1之后的长连接 WebSocket的长连接 gRPC 长连接 Keep-Alive

HTTP1.1之后的长连接和WebSocket的长连接之间的区别 https://mp.weixin.qq.com/s?src=11&timestamp=1681315755&ver=4464&signature=MFfuJCZhqrF0CJHXIkkxwwNd9-JhgHbZAcYSVqyDtLu ......
Keep-Alive WebSocket HTTP1 Alive HTTP

keep-alive组件使用

<!-- 组件--> <keep-alive> <home></home> </keep-alive><!-- vue3 路由--> <router-view v-slot="{ Component }" :max="10"> <keep-alive> <component :is="Compone ......
keep-alive 组件 alive keep

vue中手动销毁keep-alive组件失效原因是什么，有什么解决方案

在Vue中手动销毁keep-alive组件可能失效的原因有以下几点： keep-alive组件内部被缓存，即使手动销毁组件，其实并没有真正销毁，而是被缓存起来了。因此，即使手动销毁了组件，下次再进入缓存周期时，组件还是会被复用，而不是重新创建。 keep-alive组件内部可能存在异步操作或定时器， ......
keep-alive 手动 组件 解决方案 原因
共26篇  :1/1页 首页上一页1下一页尾页