Keep-Alive

vue开发之keep-alive

概念  keep-alive是Vue的内置组件，当它包裹动态组件时，会缓存不活动的组件实例，而不是销毁它们。
夏一抹阳光_c717·2023-03-15 21:32

vue中keep-alive原理

segmentfault.com/q/1010000011537852https://segmentfault.com/a/1190000011978825（关于代码解读的部分）vuevue2.0提供了一个keep-alive
街边吃垃圾·2023-03-15 15:47

keep-alive源码解析及实现原理

keep-alive源码（vue-2.6.10）在src/core/components/keep-alive.js中。
垃圾侠·2023-03-15 15:16

keep-alive的源码解析

keep-alive的源码解析概念keep-alive是一个vue内置组件，但是是一个抽象组件，不会出现在父组件链中，也不会在DOM中渲染原理在组件的created函数中初始话caches数组和keys
我要卷死前端·2023-03-15 15:45

透过 Keep-Alive 实现防抖 & 节流组件

一、前言在前一篇文章揭秘了keep-alive的实现原理：彻底揭秘keep-alive原理，本文将模拟keep-alive原理实现Vue的防抖和节流组件。
weixin_34272308·2023-03-15 15:42

Vue中KeepAlive 原理与源码分析

概念keep-alive是Vue的一个内置实例，用于缓存组件。当keep-alive包裹动态组件时，会缓存不活动的组件实例，而不是摧毁它们。
web老猴子·2023-03-15 15:41

keep-alive源码笔记一

vue版本:2.6+缓存什么keep-alive只会缓存第一个子组件，缓存的组件实例里也会包含孙子组件的数据，所以被缓存组件中的孙子组件的状态也会被记住（别的组件中若用到同一个孙子组件是不会被缓存的）；
生命1昊·2023-03-15 15:39

Vue学习笔记---keep-alive源码学习

1.使用2.源码分析1.props：keep-alive支持配置的属性作为prop传入props:{include:[String,RegExp,Array],//缓存包含组件exclude:[String
洛千陨·2023-03-15 15:39

Vue 路由 按需 keep-alive（附源码）

Vue代码demo运行动画：situation一个常见的的场景，主页-->前进列表页-->前进详情页，详情页-->返回主页-->返回列表页我们希望，从详情页-->返回列表页的时候页面的状态是缓存，不用重新请求数据，提升用户体验。从列表页-->返回主页的时候页面，注销掉列表页，以在进入不同的列表页的时候，获取最新的数据。task今天让我们来实现这个需求。在代码的世界里解决问题的方法从来都不止一种。比
油墨香^_^·2023-03-15 15:08

Vue源码解析，keep-alive是如何实现缓存的？

Vue为我们提供了缓存组件keep-alive，它可用于路由级别或组件级别的缓存。但其中的缓存原理你是否了解，组件缓存渲染又是如何工作。那么本文就来解析keep-alive的原理。
油墨香^_^·2023-03-15 15:37

Vue2.0源码解析 - 知其然知其所以然之keep-alive原理分析（二）

上一篇文章Vue2.0源码解析-知其然知其所以然之keep-alive原理分析（一）中已经对keep-alive源码的整体框架了做了一个简单的梳理，知道了keep-alive工作的一个大体流程，今天我们我将继续对
一笑程序猴·2023-03-15 14:03

vue源码解析：vue内置组件keep-alive的实现原理

我们知道，keep-alive是vue中抽象的内置的组件，它自身不会渲染一个DOM元素，也不会出现在父组件链中。当它包裹动态组件时，会缓存不活动的组件实例，而不是销毁它们。
leelxp·2023-03-15 14:32

Vue源码-keep-alive

文件源码：src/core/components/keep-alive.jsexportdefault{name:'keep-alive,abstract:true,//initLifecycle中props
VitofxLI·2023-03-15 14:02

Vue源码阅读（35）：keep-alive 组件的源码解析

keep-alive组件的官方文档点击这里。1，keep-alive组件的实现原理首先说清楚keep-alive组件的实现原理，然后再解析keep-alive组件的源码。
纷飞丿·2023-03-15 14:31

【手撕源码】vue2.x中keep-alive源码解析

(文末有我wx或者私信)目录一、前世尘缘二、keep-alive内置组件1.缓
不叫猫先生·2023-03-15 14:26

Vue keep-alive

这时Vue的keep-alive组件就派上用场了，它可以是提高速度并提供更好的用户体验的好方法。什么是keep-alive？为了理解，您首先必须了解什么是动态组件。
lio_zero·2023-03-15 14:20

android http保持长连接吗,HTTP长连接实现原理

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

Netty——实现Android客户端长连接

比如HTTP/1.0通过在header头中添加Connection:Keep-Alive参数，如果当前请求需要保活则添加该参数作为标识，否则服务端就不会保持该连
NoNullPoint·2023-03-15 03:21

性能测试相关术语

服务器返回请求结果后有两种情况http数据包头包含Close字样，关闭本次TCP连接http数据包头包含Keep-Alive字样，本次连接不关闭，可继续通过该连接继
猿二胖·2023-03-15 00:33

vue3 keep-alive 设置无效的原因

检查是否是一级路由，如果是多级路由需要解析成一级路由【一直被我忽略的重点】模式下声明name：exportdefault{name:'Compare',};vite项目里，直接在标签内声明name这种方式需要引入插件官方文档中显示KeepAlive|Vue.js但是如果文件名一样，会导致组件name一样，所以还是需要另外再声明tips:如何获取组件name：constcomponentName=g
Bessie234·2023-03-14 16:36

ios下vue的keep-alive无法滚动到之前位置的解决方案

项目中的长列表在进入下一页返回的时候要回到之前的状态，在安卓可以，但是ios就不行，会发现页面虽然缓存了，但是滚动条的位置却没有回到之前的位置。解决办法是在进入后一个页面之前，先缓存当前的滚动条位置，在进入这个页面之前就滚动到缓存好的位置即可constrouter=newRouter({mode:'history',scrollBehavior(to,from,savedPosition){if(
辉夜真是太可爱啦·2023-03-14 14:29

vue-router 之 keep-alive

vue-router之keep-alive_JavaScript_王玉宇的博客-CSDN博客1，增加router.meta属性2使用router.meta拓展假设这里有3个路由：A、B、C。需求：默认显示AB跳到A，A不刷新C跳到A，A刷新实现方式在A路由里面设置meta属性：
愿有岁月可回首_049c·2023-03-14 09:18

2020-12-09 keep-alive 需要局部更新

生命周期执行顺序：1、不使用keep-alive的情况：beforeRouteEnter-->created-->mounted-->destroyed2、使用keep-alive的情况：beforeRouteEnter
Coldhands·2023-03-14 07:01

Okhttp 的EOFException 异常处理记录

一、处理方案//配置重连，默认是开的retryOnConnectionFailure(true)二、分析1、Okhttp会保持一个连接池，保持时间默认5min，请求头Connection：keep-alive
KtYY·2023-03-13 22:41

http请求头和响应体信息

java.html(请求的目标资源)HTTP/1.1(请求采用的协议和版本号)Accept:/(客户端能接收的资源类型)Accept-Language:en-us(客户端接收的语言类型)Connection:Keep-Alive
Leon_Jiang·2023-03-13 16:47

理解keep-alive

keep-alive是什么，它有哪些用途，有没有和它紧密相连的生命周期函数？
CC前端手记·2023-03-12 13:09

http1.0、http1.1、http2.0主要区别

HTTP1.0、HTTP1.1主要区别长连接HTTP1.0需要使用keep-alive参数来告知服务器端要建立一个长连接，而HTTP1.1默认支持长连接。
萧熏儿·2023-03-12 05:21

Vue3 router-view keep-alive

也就用到了keep-alive。
i0S_毛_宇·2023-03-12 03:02

在 React 中实现 keep alive

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

Vue中的keep-alive有什么用

keep-alive是什么keep-alive是一个抽象组件：它自身不会渲染一个DOM元素，也不会出现在父组件链中；使用keep-alive包裹动态组件时，会缓存不活动的组件实例，而不是销毁它们。
杭州程序员小陈·2023-03-11 03:35

测牛学堂：软件测试学习之http协议总结

/，Connection:Keep-Alive空行：请求头和请求体之间有必须有一个空行，代表请求头结束请求体：发送
测牛学堂测试培训·2023-03-10 18:07

SPA必备技能——vue-router详情

2.4改变前端路由模式2.6使用代码跳转路由2.7动态路由2.8路由懒加载3.vue-router嵌套路由4.vue-router参数传递4.1参数传递的两种方式5.vue-router导航守卫6.使用keep-alive
小牲口online·2023-03-09 00:10

axios减少重复请求数据 keep-alive

image.pngVue路由开启keep-alive时的注意点：https://blog.csdn.net/qq_32786873/article/details/71171713exportdefault
阳光之城alt·2023-03-08 22:33

Vue最全性能优化方法

getter和setter，会收集对应的watcherv-if和v-for不能连用,v-for的优先级比v-if高，一起使用会造成性能浪费如果需要使用v-for给每项元素绑定事件时使用事件代理SPA页面采用keep-alive
Tone@·2023-02-24 12:30

2、VUE面试题

keep-alive是Vue内置的一个组件，可以使被包含的组件保留状态，或避免重新渲染。3,vue组件中如何获取dom元素?使用ref属性获取,在组件模板元素中添加ref属性,在js中用this.
⁠亦辞·2023-02-21 11:07

Vue知识零散学习（面试篇）

目录：动态组件异步组件路由懒加载nextTick混入组件缓存(keep-alive)插槽(slot)过滤器(filter)自定义指令插件几个API风格指南VueCLIVuexVu
zhaoHui_Ti·2023-02-19 06:16

vue 父子组件生命周期函数执行顺序

1.生命周期函数vue的生命周期大概可以分为8个阶段,创建前/后，载入前/后，更新前/后，销毁前/后;activated和deactivated是在使用keep-alive时独有的beforeCreate
梁庄十年·2023-02-18 08:48

vue的使用之 keep-alive的用法

做法：使用vue的keep-alive,保持组件的数据缓存，避免被重新渲染。
小豆soybean·2023-02-17 23:14

2019-10-12 - Vue - keep-alive

源自：https://cn.vuejs.org/v2/guide/index.html1.基本用法2.实现部分缓存1.component:2.routerfileimportVuefrom'vue'importRouterfrom'vue-router'Vue.use(Router)exportdefaultnewRouter({{//home会被缓存path:"/home",component:
Fire_god·2023-02-17 22:49

Vue—KeepAlive源码探究，适时清理页面缓存

前言使用过Vue的小伙伴们肯定都知道，Vue的内部组件keep-alive是用来缓存我们不活动的组件的。但是在某些情况下，我们需要缓存，某些情况下希望及时释放掉缓存，那我们应该怎么做呢？
ZT_Story·2023-02-17 07:24

Vue / keep-alive

keep-alive是Vue提供的一个抽象组件，用来对组件进行缓存，从而节省性能，由于是一个抽象组件，所以在v页面渲染完毕后不会被渲染成一个DOM元素当组件在keep-alive内被切换时组件的activated
cain07·2023-02-17 07:30

03-vue中前进刷新、后退缓存用户浏览数据和浏览位置的实践

缓存组件:vue2中提供了keep-alive。首先在我们的app.vue中定义keep-a
零涂·2023-02-17 02:36

HTTP协议常用的请求头和响应头响应详解说明（学习）

=0.82、Accept-Encoding：gzip,deflate3、Accept-Language：zh-CN,zh;q=0.8,en-US;q=0.5,en;q=0.34、Connection：keep-alive
·2023-02-16 20:20

说说你对Vue的keep-alive的理解

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

如何整理自己的前端面试题库

版本协议，一般情况下，不支持长连接，因此在每次请求发送完毕之后，TCP连接即会断开，因此一个TCP发送一个HTTP请求，但是有一种情况可以将一条TCP连接保持在活跃状态，那就是通过Connection和Keep-Alive
·2023-02-07 09:10

如何整理自己的前端面试题库

版本协议，一般情况下，不支持长连接，因此在每次请求发送完毕之后，TCP连接即会断开，因此一个TCP发送一个HTTP请求，但是有一种情况可以将一条TCP连接保持在活跃状态，那就是通过Connection和Keep-Alive
·2023-02-07 08:07

keep-alive使用与activated钩子函数

keep-alive作用：对组件进行缓存，提高性能。说明：啥意思呢？有两个组件A、B。我们在A组件上操作的数据，此时我们切换到组件B，再切换到A组件，A组件并不会重新渲染，而是保存之前的状态。
陈大事_code·2023-02-06 23:47

vue中keep-alive使用的那些天坑

keep-alive是vue内置组件，白话来说就是把你想要缓存的东西缓存到内存，避免重新渲染Dom，vue本身是单页面，而keep-alive对单页面以及mode:history模式下有效版本2.1.0
念念璇语·2023-02-06 22:29

keep-alive 如何使用

原文链接1：https://blog.csdn.net/fu983531588/article/details/90321827原文链接2：https://blog.csdn.net/weixin_41819098/article/details/89379734?utm_medium=distribute.pc_relevant.none-task-blog-BlogCommendFromBai
泊多前端·2023-02-06 17:55

服务器的$_SERVER中信息

[HTTP_CONNECTION]：keep-alive详解地址https://www.jianshu.com/p/db7b03c220a5['HTTP_ACCEPT']：当前请求的Accept:头信息的内容
寄去远方的盛夏·2023-02-06 10:45
上一页 9 10 11 12 13 14 15 16 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他