E-COM-NET
首页
在线工具
Layui镜像站
SUI文档
联系我们
推荐频道
Java
PHP
C++
C
C#
Python
Ruby
go语言
Scala
Servlet
Vue
MySQL
NoSQL
Redis
CSS
Oracle
SQL Server
DB2
HBase
Http
HTML5
Spring
Ajax
Jquery
JavaScript
Json
XML
NodeJs
mybatis
Hibernate
算法
设计模式
shell
数据结构
大数据
JS
消息中间件
正则表达式
Tomcat
SQL
Nginx
Shiro
Maven
Linux
Keep-alive
Vue中
keep-alive
的实现原理分析
keep-alive
的实现原理使用vue的时候,想必大家都是用过
keep-alive
,其作用就是缓存页面以及其状态。
时清云
·
2024-01-12 09:42
vue3.x
keep-alive
keep-alive的原理
长连接 每天学习一点点【记录,草稿】
在HTTP/1.1版本及以上,默认使用长连接,通过在响应头中添加“Connection:
keep-alive
”来实现。长连接并不是永久保持连接,而是有一个保持时间,可
许科大
·
2024-01-11 04:44
学习
keep-alive
页面缓存问题
业务场景:现有A,B页面和其他所有页面(以下用C表示)。B页面为缓存页面,meta.keepAlive为true,当A页面进入B页面后,B页面需要渲染为不缓存的状态(效果等同第一次进入B页面),离开B页面后缓存B页面,也就是说B->A或者B->C都将B页面缓存。只有在特定情况下(A进入B)清除B页面的缓存。以上这种方式,设置了keepAlive为true后,B页面是一直会进行缓存查阅vue相关文档
Demons_51fe
·
2024-01-11 03:29
前端基础
keep-alive
的使用(Vue)
用法
keep-alive
是Vue内置的一个组件,可以使被包含的组件保留状态,避免重新渲染propsinclude-字符串或正则表达,只有匹配的组件会被缓存exclude-字符串或正则表达式,任何匹配的组件都不会被缓存
码路老默007
·
2024-01-10 22:38
前端基础
前端
vue.js
javascript
2020-02-14
id=abc导航守卫
keep-alive
是Vue
竹子和鸟儿
·
2024-01-09 15:06
Vue动态组件 &
keep-alive
前言在vue中,实现Tab切换主要有三种方式:使用动态组件,使用vue-router路由,使用第三方插件。本文将详细介绍Vue动态组件。所谓动态组件就是让多个组件使用同一个挂载点,并动态切换。一、is用法通过使用保留的元素,动态地绑定到它的is特性,我们让多个组件可以使用同一个挂载点,并动态切换。根据v-bind:is="组件名"中的组件名去自动匹配组件,如果匹配不到则不显示。改变挂载的组件,只需
dingFY
·
2024-01-09 06:22
前端八股文(网络篇)一
目录1.Get和Post的请求的区别2.常见的HTTP请求头和响应头3.常见的HTTP请求方法4.HTTP与HTTPS协议的区别5.对
keep-alive
的理解6.页面有多张图片,HTTP是怎样的加载表现
前端VC
·
2024-01-08 22:19
八股文
网络
前端
计算机基础面试题 |15.精选计算机基础面试题
Keep-Alive
和非
Keep-Alive
有什么区别?三
ai_todo
·
2024-01-08 22:30
计算机基础
计算机基础
vueRouter 配合
keep-alive
不生效的问题
文章目录问题说明案例复现demo结构问题复现和解决其实这个不生效的问题根本也不算一个问题,犯的错和写错单词差不多,但是也是一时上头没发现,所以记录一下,如果遇到同样的问题,也希望可以帮助你早点看到这个哭笑不得的错误,哈哈哈问题说明这里我写了一个非常简单的demo来复现我的问题,我的问题场景出自于一个后台管理系统,我在app.vue中使用了router-view标签,来展示layout和其他一级路由
劫辞
·
2024-01-08 15:49
问题记录
vue
javascript
前端
vue3.0记录滚动位置的两种方法
第一种方法onActivated+onBeforeRouteLeave方法实现1.思路页面首先要是缓存的组件实例
keep-alive
用onActivated才能将滚动位置缓存起来每次进入都要将存储的位置重新赋值给页面路由守卫
Smile_zxx
·
2024-01-08 13:54
前端
javascript
vue.js
flutter项目初始化
flutter项目环境配置2、flutter数据本地存储(shared_preferences)3、GetX中的数据响应式配合本地存储使用4、Dio封装使用详解5、EasyLoading的使用6、缓存
keep-alive
weixin_43993776
·
2024-01-07 16:11
flutter
前端
vue动态组件、保持存活
加component:is引入组件名称
keep-alive
保持存活保持存活:切换组件后,不重新渲染切换的组件,保持切换前(更改文字时)的数据1、点击更换文字;2、变更文字;3、切换组件;4、再次切换组件
花归去
·
2024-01-06 22:46
vue.js
javascript
前端
浏览器Request Header和Response Header的内容
hello.html(请求的目标资源)HTTP/1.1(请求采用的协议和版本号)Accept:/(客户端能接收的资源类型)Accept-Language:en-us(客户端接收的语言类型)Connection:
Keep-Alive
皮卡许
·
2024-01-05 21:54
vue 页面mounted created函数不执行的问题及解决方法
背景:最近做项目碰到一个很头大的问题第一次跳转页面没有问题返回去后在点击跳转就不执行created和mouted钩子函数里的方法记录下以后别忘了解决这个问题的关键就在于对
keep-alive
的理解和activated
hongc93
·
2024-01-03 08:15
vue
vue.js
前端
vue中的动态组件和混入
、混入全局混入:局部混入:混入规则:一、动态组件component标签动态切换组件,使用is属性切换组件使用component切换组件,组件会不停的创建和销毁,如果想在第一次创建时候缓存组件,可以使用
keep-alive
从明天开始好好学习前端
·
2024-01-02 14:59
vue.js
前端
javascript
前端框架
vue3 router-view 使用
keep-alive
报错parentcomponent.ctx.deactivate is not a function
问题如下图,在component组件上添加v-if判断,会报错:parentcomponent.ctx.deactivateisnotafunction解决方法去除v-if,将key直接添加上。由于有的公用页面,需要刷新,不希望缓存,所以需要添加key。其他需要缓存的页面,就不用添加key
少油少盐不要辣
·
2024-01-02 03:33
vue
vue3
Vue中的
keep-alive
缓存组件的理解
是一个抽象组件,用于将其内部的组件保留在内存中,而不会重新渲染。这意味着当组件在内部切换时,其状态将被保留,而不是被销毁和重新创建。用来缓存不经常变化的组件,以提高性能,当我们在不同路由之间进行切换或者是动态改变组件时,可以确保被缓存的组件保留之前的一个状态,而不会重新执行created和mounted等生命周期钩子函数。那么会提供activated和deactivated生命周期钩子函数的应用.
开心点啦.
·
2024-01-01 23:36
vue.js
缓存
前端
今天来说说
keep-alive
的理解
(看完点个关注呗,持续更新)一、
Keep-alive
是什么
keep-alive
是vue中的内置组件,能在组件切换过程中将状态保留在内存中,防止重复渲染DOMkeep-alive包裹动态组件时,会缓存不活动的组件实例
蓝斑.json
·
2024-01-01 23:09
面试
vue
javascript
vue.js
缓存
spring
vue项目中如何使用
keep-alive
添加页面缓存
方法1:router.js添加配置参数配置router时添加meta对象,配置路由中需要额外携带的参数信息constroutes=[{path:'/webScreen',name:'截屏',component:resolve=>require(['@/views/webScreen/index.vue'],resolve),meta:{keepAlive:true//需要被缓存}},{path:'
Hermione_log
·
2023-12-31 22:43
vue.js
缓存
前端
vue 缓存组件
keep-alive
也就是所谓的组件缓存//被
keep-alive
包含的组件会被缓存
keep-alive
是一个抽象的组件,缓存的组件不会被mounted,为此提供activated和deactivated钩子函数在2.1.0
scriptjojo
·
2023-12-31 03:46
吐血整理 <
keep-alive
> 知识,包括使用方法,缓存机制,史上最全
keep-alive
作用在组件进行切换的时候,保留缓存Propsinclude-字符串或正则表达式。只有名称匹配的组件会被缓存。exclude-字符串或正则表达式。任何名称匹配的组件都不会被缓存。
最冷一天.
·
2023-12-30 15:14
Vue
缓存
vue.js
javascript
vue中的一个内置组件
Keep-Alive
的作用及使用方法介绍——缓存不活动的组件实例
一、什么是
keep-alive
在平常开发中,有部分组件没有必要多次初始化,这时,我们需要将组件进行持久化,使组件的状态维持不变,在下一次展示时,也不会进行重新初始化组件。
邹荣乐
·
2023-12-30 15:42
vue
keep-alive
组件持久化
activated
deactivated
生命周期钩子函数
缓存页面
缓存组件
使用
keep-alive
缓存页面 并解决三级菜单不能缓存的问题
直接展示代码1.把含有3级router-view的文件改为exportdefault{name:'Blank'}21).需要把所有页签存在vuex中,可以参考vue-element-admin项目中store有个tagsView.js文件2).在AppMin.vue文件中,如图加上这两句image.pngcachedViews(){//console.log(this.$store.state.t
玄学大师
·
2023-12-30 13:11
<router-view> can no longer be used directly inside <transition> or <
keep-alive
>
报警截图:报警信息:vue-router.mjs:35[VueRouterwarn]:cannolongerbeuseddirectlyinsideor.Useslotpropsinstead:解决办法照着浏览器提示,改一下就行
骆骆爱学习
·
2023-12-30 10:47
前端
八股文打卡day14——计算机网络(14)
面试题:TCP的Keepalive和HTTP的
Keep-Alive
是一个东西吗?我的回答:TCP的Keepalive1.位于TCP/IP模型的传输层。2.是用来判活的。
时代&信念
·
2023-12-30 08:21
计算机八股文
计算机网络
计算机网络
网络
keep-alive
(切换页面,保持状态)
vue官网提供了
keep-alive
的方法(也算是内部封装好的组件吧)官网介绍中提到,
keep-alive
只能包裹在封装的组件中,而不能直接包裹在类似div、h1
坏丶毛病
·
2023-12-29 15:51
Vue2.0学习-2-深入了解组件--5--动态组件&异步组件
动态组件在动态组件上使用
keep-alive
之前在一个多标签的界面中使用isattribute来切换不同的组件。
naildingding
·
2023-12-28 23:16
框架—Vue
前端
前端框架
vue.js
VUE学习-优化组件
组件(优化)动态组件
keep-alive
当在这些组件之间切换的时候,你有时会想保持这些组件的状态,以避免反复重渲染导致的性能问题。
秋の本名
·
2023-12-28 18:27
vue
云原生
Vue 源码深入解析之 扩展、event、 v-model 和 slot
一、扩展前面分析了Vue的核心以及编译过程,除此之外,Vue还提供了很多好用的feature,如event、v-model、slot、
keep-alive
、transition等等。
城南花开ze
·
2023-12-28 13:41
Vue
Vue
源码深入解析
扩展
event
v-model
slot
keep-alive
keep-alive
参考文档Props:include-字符串或正则表达式。只有名称匹配的组件会被缓存。exclude-字符串或正则表达式。任何名称匹配的组件都不会被缓存。max-数字。
李小白呀
·
2023-12-28 13:06
Nginx-Keepalive
当请求量级过大的时候,我们一般都会在上游服务请求下游服务的时候在client中打开长连接设置:headers.add(newBasicHeader("Connection","
Keep-Alive
"))
只是肿态度
·
2023-12-28 02:03
vue生命周期
vue生命周期二、activated+deactivated除此之外,简单介绍一下在被
keep-alive
包含的组件/路由中,会多出两个生命周期的钩子:activated与deactivated。
monana6
·
2023-12-26 23:00
Vue2原理
vue.js
前端
javascript
vue中
keep-alive
缓存滚动条
项目过程中因为做的页面是列表页和详情页,为了接近原生和用户体验好,所以在列表和详情路由切换时候就要缓存列表页数据(路由跳转就是列表➡详情返回到➡列表),使用户体验更好怎么实现
keep-alive
第一步,
散修灬
·
2023-12-26 13:05
vue-router
Switchhosts软件的使用
SwitchHosts这是下载链接https://github.com/oldj/SwitchHosts/releases注意:1.使用管理员运行2.防止杀毒软件拦截,host修改,点击信任3.注意重启浏览器,清掉
keep-alive
Mint6
·
2023-12-25 12:04
软件安装与使用
软件
Switchhosts
利用 Vue 的 <
keep-alive
> 实现无缝用户体验:提升性能,保持状态不丢失!
♂️诸位好,吾乃诸葛妙计,编程界之翘楚,代码之大师。算法如流水,逻辑如棋局。吾之笔记,内含诸般技术之秘诀。吾欲以此笔记,传授编程之道,助汝解技术难题。吾之文章,不以繁复之言,惑汝耳目;但以浅显之语,引汝入胜。若此文对阁下有所裨益,敬请-点赞⭐-收藏-关注,不胜感激。Vue.js本身不直接处理缓存,但它提供了一些构建在其虚拟DOM系统之上的机制,可以帮助你在组件级别进行缓存,以避免不必要的渲染。最
诸葛妙计
·
2023-12-24 22:38
Vue编程笔记
ux
前端
javascript
vue.js
ecmascript
typescript
经验分享
八股文打卡day10——计算机网络(10)
我的回答:1.多路复用:HTTP1.1每次请求响应一次都得建立一次连接,HTTP1.1引入了持久连接Connection:
Keep-Alive
,可以建立一次连接,进行多次请求响应,但是同一时间只能处理一个请求响应
时代&信念
·
2023-12-24 21:59
计算机八股文
计算机网络
计算机网络
八股文打卡day9——计算机网络(9)
我的回答:1.长连接:HTTP1.1引入了长连接的机制,connection:
keep-alive
。一个TCP连接可以进行多次请求和响应。而HTTP1.0每次请求响应一次都得建立连接、断开连接。
时代&信念
·
2023-12-24 17:57
计算机八股文
计算机网络
计算机网络
前端八股文(vue篇)
九.
keep-alive
的实现原理是什么十.说一下VueSSR实现原理一.谈一谈对MV
前端VC
·
2023-12-24 11:33
八股文
vue.js
前端
javascript
vue3.0-插槽、自定义指令
$nextTick(cb)方法2.动态组件1)动态组件2)实现动态组件渲染3)使用
keep-alive
保持状态3.插槽1)插槽2)插槽的基础用法①没有预留插槽的内容会被丢弃②后备内容③具名插槽④为具名插槽提供内容
qq_52822043
·
2023-12-23 13:27
vue
vue.js
前端
Vue2【动态组件、插槽、自定义指令】
文章目录动态组件1.什么是动态组件2.如何实现动态组件渲染3.使用
keep-alive
保持状态4.keep-alive对应的生命周期函数5.keep-alive的include属性插槽1.什么是插槽2.
tuanliang
·
2023-12-23 13:26
Vue
仅我可见
vue.js
javascript
前端
Vue:defineAsyncComponent(异步组件)、component(动态组件)、
keep-alive
(缓存组件)
异步组件:defineAsyncComponentVue3的defineAsyncComponent特性可以让我们延迟加载组件。因为在默认情况下,在构建项目或运行项目时,会将所有所需要的打包成一个整体,vue为单页面应用,同步加载大量的页面代码会导致页面长时间处于空白情况,所以这是一个改善初始页面加载的好方法,因为该方法会将以较小的块加载,而不必在页面加载时加载每个组件。来自官网可查看示例:异步组
...lemon_...
·
2023-12-23 13:27
vue.js
前端
javascript
python requests post请求_python+requests——发送post请求——各种情况
Requests会自动实现持久连接
keep-alive
,Requests支持HTTP连接保持和连接池,支持使用cookie保持会话,支持文件上传,支
weixin_39674028
·
2023-12-23 09:32
python
requests
post请求
探索 Vue3 (四)
keep-alive
缓存组件
keep-alive
的作用官网介绍:KeepAlive|Vue.jskeep-alive为抽象组件,主要用于缓存内部组件数据状态。可以将组件缓存起来并在需要时重新使用,而不是每次重新创建。
yueF_L
·
2023-12-23 05:08
vue3
vue
前端大杂烩
缓存
vue.js
前端
TCP Keepalive 和 HTTP Keep-Aliv
HTTP的
Keep-Alive
在http1.0的版本中,它是基于请求-应答模型和TCP协议的,也就是在建立TCP连接后,客户端发送一次请求并且接收到响应后,就会立马断开TCP连接,称为HTTP短连接,这种方式比较耗费时间以及浪费资源
宏夏c
·
2023-12-22 21:47
网络
HTTP1.0、1.1、2.0、3.0的主要区别?HTTP状态码及含义?
HTTP头Connection:
keep-alive
是什么意思?解决了什么问题?描述常见的HTTP请求方法与使用场景?常见的状态码404、503、504分别表示什么意思?怎么定位?
了 凡
·
2023-12-22 16:04
计算机网络
#
计网笔记
http
网络
udp
vue中对
keep-alive
的理解
vue中对
keep-alive
的理解介绍使用方法参数解析使用示例介绍
keep-alive
是Vue内置的一个组件,可以使被包含的组件保留状态,或避免重新渲染。
第10086个小白
·
2023-12-21 22:08
vue.js
前端
javascript
vue中使用
keep-alive
进行组件缓存(解决组件不缓存问题)
vue中使用
keep-alive
进行组件缓存(解决组件不缓存问题)一、使用场景二、认识下
keep-alive
三、在组件中应用四、解决组件不缓存问题五、
keep-alive
配合router使用一、使用场景在
pipizhou16
·
2023-12-21 20:29
vue.js
前端
javascript
html
es6
keep-alive
怎么确定前进或者后退
keep-alive
其实没有如果想回退在进缓存页面重新加载从缓存页面到下一个页面不重新加载这样的操作可以用路由控制//to.path判断页面路由然后进行相应的操作beforeRouteLeave(to,
百不理
·
2023-12-21 15:07
VUE动态组件,插槽和自定义指令
文章目录动态组件1.component组件的使用-
keep-alive
的使用
keep-alive
生命周期学习
keep-alive
组件的include和exclude属性include(指定
keep-alive
萧寂173
·
2023-12-21 10:34
vue
vue.js
javascript
前端
Vue动态组件,插槽及自定义指令
示例代码如下:使用
keep-alive
保持状态:默认情况下,切换动态组件时无法保持组件的状态。此时可以使用vue内置的组件保持动态组件的状态。include属性用来指定:只有名称匹配的组件会被缓存。
coding苏
·
2023-12-21 10:03
vue
vue.js
javascript
前端
上一页
1
2
3
4
5
6
7
8
下一页
按字母分类:
A
B
C
D
E
F
G
H
I
J
K
L
M
N
O
P
Q
R
S
T
U
V
W
X
Y
Z
其他