Keep-alive

Vue3之keep-alive缓存组件

keep-alive：有时候我们不希望输入的值不被消除，或者不想重新渲染从而提高性能，维持当前状态，我们就可以使用内置组件keep-alive1">`一起使用-->
jxbook·2023-10-20 15:12

vue中的keep-alive缓存组件

keep-alive缓存组件缓存组件作用：可以让组件保留状态，避免重新渲染，提升页面性能应用场景在tab切换中，切换三个组件，不用keep-alive,每个组件在重新显示时，都会再执行created,并重复发起请求如果在外面包裹
Ocean__Lv·2023-10-20 15:40

【vue3】keep-alive缓存组件

如果组件个数大于max，会自动剔除掉不常用的使用keep-alive后会增加两个生命周期：onDeactivated、onActivated(在子组件内使用)切换组件import{ref}from'vue'importTest1from
String佳佳·2023-10-20 15:38

前端高频面试题-VUE部分

响应式的原理data为什么是函数v-model的原理v-if和v-show的区别computed，watch，method的使用和区别vue的生命周期父子组件生命周期的顺序vue组件的通信方式vue的单项数据流keep-alive
wangwenquan1234·2023-10-20 15:26

vue中keep-alive，include的指定页面缓存问题

做vue项目时，有时要在某些页面做缓存，而其它页面不要。比如：A：首页，B：获取所有订单页面，C：订单详情页面；从A(首页）进入B（获取所有订单）时应该不缓存，B(所有订单)进入C（订单详情）订单后时再返回B，此时B(所有订单页面)缓存。不需要再次刷新，即：A->B->C时都是刷新，而C->B->A时B缓存。在vue官方文档2.x以上有include和exclude属性允许组件有条件地缓存。在这里
问题_解决_分享_讨论_最优·2023-10-19 13:41

Vue返回记住滚动条位置

一共分三步：给router-view添加keep-alive获取并存储当前scrollTop返回时取出并设置scrollTop例如，首页有个列表，点击列表进入二级页面，返回的时候保持在原位置。
zsyyyyy·2023-10-19 04:15

java检测tcp存活_keep-alive 和 TCP存活检测

什么是keep-alive?顾名思义即可，注意它只适用于TCP连接。
王骁Albert·2023-10-18 22:49

使用TCP Keep-alive与TCP_USER_TIMEOUT机制判断通信对端是否存活

最近在做RDP协议代理的时候被测试提了一个Bug，Bug说的是当通信中的服务器网线被拔了以后，代理程序不能检测到对端已经不可用，不能正常退出。我的第一反应是调用send的时候为什么没有返回-1呢？接下来的测试让我重新认识了send。正常通信的情况下，send函数发送成功会返回发送数据的字节数。当有错误发生时，send返回-1，全局变量errno被设置。很多情况下，send返回-1是由于连接被对端关
nui111·2023-10-18 22:47

阿里一面：TCP 的 Keepalive 和 HTTP 的 Keep-Alive 是一个东西吗？

之前有个朋友问我一个问题大致问题是，TCP的Keepalive和HTTP的Keep-Alive是一个东西吗？这是个好问题，应该有不少人都会搞混，因为这两个东西看上去太像了，很容易误以为是同一个东西。
倾听铃的声·2023-10-18 22:17

vue keep-alive(2)：剖析keep-alive的实现原理—学习笔记整理

前言：本篇主要内容来自以下文章彻底揭秘keep-alive原理https://github.com/qiudongwei/blog/issues/4（此文的主要来源）Vue源码解析，keep-alive
周陆军的个人博客·2023-10-18 20:46

keep-alive的实现原理（vue.js源码分析）

二、keepAlive源码及分析创建组件时，以下代码执行顺序依次是：create→render→mountedvarKeepAlive={name:"keep-alive",/***abstract属性为
smile_hahahaxixi·2023-10-18 20:45

keep-alive源码笔记二-删除keep-alive缓存

1.App.vue中保存keep-alive的实例---html---homeabout---js---mounted(){//这里要注意keep-alive在父组件中的位置，也可以通过匹配tag属性来获取
生命1昊·2023-10-18 20:43

Vue3 学习笔记 —— Teleport、keep-alive

目录1.Teleport传送组件1.1为什么要使用Teleport1.2如何使用Teleport1.3Teleport源码2.keep-alive缓存组件2.1为什么要使用keep-alive2.2开启keep-alive
Lyrelion·2023-10-18 20:12

keep-alive 是 Vue 的一个内置组件，用于缓存其他组件的实例，以避免重复渲染和销毁，它可以在需要频繁切换的组件之间提供性能优化

目录keep-alive使用keep-alive的示例代码：手动清除组件缓存的示例代码：keep-alive组件有以下几个优点：keep-alive的原理：使用keep-alive组件，你可以包裹需要缓存的组件
代码真的养发·2023-10-18 11:19

vue3学习（九）--- keep-alive缓存组件

这时候就需要用到keep-alive组件。
邱先生~·2023-10-17 18:06

vue中使用KeepAlive保存状态及滚动位置(scrollTop)

项目场景：路由跳转使用KeepAlive保存状态及高度解决方案：1.首先需要配置一下keep-alive第一种方式：第二中方式：需要在目标路由添加一个meta属性配置上keepAlive就可以实现状态的保存
前端小嘟·2023-10-17 16:28

mounted 生命周期和 keep-alive 中 activated 生命周期的优先级

而keep-alive是一个用来缓存组件的抽象组件，它自身没有任何展示效果，只是将内部包含的组件缓存起来，从而能够在需要时快速地切换到缓存的组件。
小草莓蹦蹦跳·2023-10-17 12:16

vue keep-alive

vue使用中经常需要缓存当前页面，比如当从商品页跳转到支付页，需要缓存当前页面在vue使用中，我用到的方法有两种1.v-if主页这种方式会重新渲染页面，但不会重新加载数据，如果你希望不重新渲染，可以v-if配合v-show实现2.keep-alive先展示之前的通用写法现在的写法建议用第二种，操作更方便.匹配首先检查组件自身的name选项，如果name选项不可用，则匹配它的局部注册名称(父组件co
凛冬已至_123·2023-10-16 22:43

基于php 进行每半小时钉钉预警

半小时触发一次报警信息实现思路1、xshell脚本具体参数就不详细解释了，想要详细了解可以自行百度curl-H"Content-Type:application/json"-H"connection:Keep-Alive
Wei&·2023-10-16 05:55

Vue-3.1缓存组件keep-alive

问题：从首页卡片点到详情页，又点返回，数据重新加载了->希望回到原来的位置原因：路由跳转后，组件被销毁了，返回回来组件又被重建了，所以数据重新被加载了解决：利用keep-alive将组件缓存下来keep-alive
小沐°·2023-10-16 01:38

Vue 2 中的 render()函数和 JSX 语法，根据`路由配置中meta`中的`keepAlive`属性，判断是否需要`keep-alive`

然后，根据meta.keepAlive的值，判断是否需要使用keep-alive组件包裹router-view组件。如果需要，则创建一个inKeep元素，否则创建一个notKeep元素。
一嘴一个橘子·2023-10-15 22:45

Vue面试真题4 -- 插槽、虚拟DOM、MVVM模式、keep-alive

面试真题4--插槽、虚拟DOM、MVVM模式、keep-alive1-插槽2-vue虚拟DOM3-vue的MVVM模式4-vue中的keep-aliveVue面试真题4–插槽、虚拟DOM、MVVM模式、keep-alive
前端小白进阶之旅·2023-10-15 13:06

Vue3 keep-alive

  Vue3中的keep-alive可以用于优化组件渲染的性能。
qq_45438471·2023-10-15 11:36

docker-compose keep-alive mysql8 互为主从

一、准备2台物理机器master-1、master-2，目标虚拟VIP。VIP:192.168.1.139master-1:192.168.1.17master-2:192.168.1.20二、然后分别在2台物理机器master-1、master-2上使用docker-compose安装mysql8，并配置互为主从。1）配置master-1cd/optmkdirdocker_compose_kee
HSJ0170·2023-10-13 05:40

Vue3

$nextTick(callback)方法5.2动态组件5.2.1什么是动态组件5.2.2如何实现动态组件渲染5.2.3使用keep-alive保持状态5.2.4keep-alive对应的生命周期函数5.2
让我再睡会儿呗·2023-10-12 13:37

Nginx 网站服务

占用内存2M左右；keep-alive则占用内存在3M左右Nginx主要功能静态文件服务：nginx可以直接提供静态文件的服务，如HTML,CSS
as958361025·2023-10-12 11:18

elementUI table组件渲染问题

原本高度合适的表格出现白边，以及滚动条检查Dom会发现，el-table组件内，发现了一个类名为is-scrolling-none的固定行内样式的高度的div，导致高度显示错误：------搜索后发现，在keep-alive
cxllOnce·2023-10-11 18:35

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
上一页 2 3 4 5 6 7 8 9 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他