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
【HTTP版本,HTTP2和HTTP3区别】
3.HTTP/1.1:增加了持久连接(
Keep-Alive
)、虚拟主机
cv全粘工程师
·
2023-10-09 18:11
http
http
网络协议
网络
HTTP长连接实现原理
在HTTP/1.1版本中,默认的连接都是长连接,我们可以通过Connection:
keep-alive
字段进行指定。HTTP短连接浏览器向服务器每进行一次HTTP操作都要建立一个新的连接。
weixin_64051447
·
2023-10-08 13:35
http
网络协议
网络
Vue Router(二)
目录一、嵌套路由1、路由定义2、代码例子3、重定向二、懒加载1、缘由2、代码例子三、导航守卫1、全局前置守卫2、全局后置守卫3、meta元信息四、生命周期1、解释2、执行顺序3、例子五、
keep-alive
五秒法则
·
2023-10-08 07:43
vue2
vue.js
javascript
前端
vue 路由缓存
缓存方式:1、全部缓存直接用
keep-alive
标签包裹router-view标签就能缓存全部的页面了2、缓存单个指定路由同样直接用
keep-alive
标签包裹router-view标签然后使用include
shidouyu
·
2023-10-08 00:54
javascript
开发语言
ecmascript
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
tcp/ip
http
网络
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
VUE
vue.js
javascript
ecmascript
HTTP的长连接和短连接
关键字:
Keep-Alive
,并发连接数限制,TCP,HTTP1、什么是长连接HTTP1.1规定了默认保持长连接(HTTPpersistentconnection,也有翻译为持久连接),数据传输完成了保持
dvlinker
·
2023-10-02 15:32
网络技术记录与分享
http
网络
网络协议
vue
keep-alive
keep-alive
有时候我们不希望组件被重新渲染影响使用体验;或者处于性能考虑,避免多次重复渲染降低性能。而是希望组件可以缓存下来,维持当前的状态。
ZYLoooong
·
2023-10-02 12:29
vue 路由跳转 页面数据不更新问题
由于router-view使用了
keep-alive
组件,被缓存了。
伟笑
·
2023-10-01 14:03
Vue2
vue.js
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
javascript
前端
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
bug
前端
vue
vuex
keep-alive
关于AXIS客户端响应速度慢的问题总结
而http1.0是不提供persistentconnection(
keep-alive
)模式的,这样每次call都会建立一次新的连接,尤其是对于ssl的连接来说,这个开销就有点霸道了。h
lyt567
·
2023-09-28 02:37
pivot
java
service
encoding
ssl
jar
协议-TCP协议-基础概念03-Keep live保活机制-TCP RST-TCP连接
网络排查案例课》Keeplive保活机制定时发送心跳探测包;对于心跳回复包有超时限制;要打开这个TCPKeep-alive特性,你需要使用setsockopt()系统调用,对已经创建的Socket进行配置,启用
Keep-alive
张望远-长风万里
·
2023-09-26 06:10
tcp/ip
php
网络
关于 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
缓存
vue.js
javascript
前端
html
开发语言
vue初始化页面数据,this.$option.data()报错问题
在做项目的时候,如果使用到了
keep-alive
来缓存动态组建的时候,我们需要在deactivated(){}方法中来实现跳转页面,初始化页面数据,就需要用到Object.assign(this.
out-of-reach
·
2023-09-24 13:07
vue.js
javascript
vue之按需加载组件
解决方法利用vue的
keep-alive
和component实现可访问页面的展示。
1999笃行
·
2023-09-24 09:21
vue.js
前端
javascript
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
Vue
教程
vue.js
前端
javascript
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
tcp
http
java
九、性能测试之网络测试
性能测试之网络测试一、网络知识二、判断带宽是否有问题1)查看本机带宽:1、ping目标服务器2、查看网卡三、网络调优实战:当接口报地址被占用/连接超时原因1:是源端口不够用解决方案:1、我们尝试去掉
keep-alive
好多可乐
·
2023-09-21 04:04
性能测试
网络
jmeter
性能测试
组件切换之笨办法、动态组件(is属性、
keep-alive
)、插槽(不具名、具名)
组件切换之笨办法、动态组件、动态组件之
keep-alive
、插槽(不具名、具名)1组件切换之笨办法2动态组件3动态组件之keep-alive4插槽4.1不具名插槽4.2具名插槽1组件切换之笨办法Title
我可以将你更新哟
·
2023-09-21 01:11
vue
前端
前端
javascript
vue.js
slot
keep-alive
component
is属性
用几行脚本解决了困扰了客户一周的需求
实现方案日志内容的示例如下:{"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
vue.js
前端
浅谈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
vue.js
javascript
前端
mac 本地运行 http-proxy-middleware ,请求超时
/target:"http://user.jinfu.baohan.com/",changeOrigin:true,//是否启用跨域//解决mac代理超时问题headers:{Connection:"
keep-alive
当代词圣李白
·
2023-09-15 10:19
macos
http
网络协议
vue列表跳转详情,记录列表滚动不变
记录主元素computed:{elTable:function(){returndocument.getElementsByClassName('layout-content')[0]},},当引入
keep-alive
唐月123456
·
2023-09-15 01:51
vue.js
前端
滚动
详情
列表
跳转
记录位置
vue之性能优化
keep-alive
对组件进行缓存,节省性能。v-if和v-show看场景,自行选择减少
嚭
·
2023-09-12 18:05
vue
前端
vue.js
WebSocket的原理与优缺点
Http协议本身只有1.0和1.1,也就是所谓的
Keep-alive
,把多个Http请求合并为一个。二、Websocket是什么样的协议,具体有什
json-zhou
·
2023-09-12 18:32
技术类
websocket
http协议
websocket与http优缺点
Http协议本身只有1.0和1.1,也就是所谓的
Keep-alive
,把多个Http请求合并为一个。WebSocket是HTML5中的协议,支持持
liurwei
·
2023-09-12 18:58
网络通信
websocket
http
手动控制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
前端
javascript
vue.js
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
http1.0,http1.1以及http2.0的区别
http1.0和http1.1区别1.长连接:1.1默认开启长连接,1.0需要明确使用
keep-alive
参数来进行长连接;【长连接指的是TCP连接的时间的长短,长连接使得多个HTTP请求可以复用一个TCP
小锦鲤yaw
·
2023-09-09 14:03
Java
EE
java
【curl检查测试nginx支持websocket是否配置成功】
curl--no-buffer-is-H'Connection:
keep-alive
,Upgrade'-H'Upgrade:websocket'-v-H'Sec-WebSocket-Version:13
可克
·
2023-09-09 13:54
unix&linux
websocket
网络协议
网络
vue 生命周期图 + activated + deactivated
一、vue生命周期图Fromthenetwork二、activated+deactivated除此之外,简单介绍一下在被
keep-alive
包含的组件/路由中,会多出两个生命周期的钩子:activated
cnailili
·
2023-09-09 12:40
Vue
vue
keep-alive
总结
什么是
keep-alive
提到
keep-alive
大多数人都是又爱又恨啊爱是他能够缓存页面、用起来很是方便,恨是不能够区分处理遇到一些问题基础概念作用标签
keep-alive
可用于router-view
丰的传说
·
2023-09-09 09:56
vue实战
前端
vue
http基础之http发展史
http1.0短连接,有有限的缓存机制,后期集成了长连接,也有连接并发数限制http1.1:在连接上(使用了tcp长连接,存在tcp连接池子,后面该功能http1.0也集成支持了),connection:
keep-alive
zhu0902150102
·
2023-09-08 23:48
网络
http
服务器
高手进阶篇!Python爬虫requests库(附案例)
相对于urllib3库,requests库拥有完全自动化
Keep-alive
和HTTP连接池的功能。requests库包含的特性如
Python_小明
·
2023-09-08 15:41
python
爬虫
开发语言
数据分析
字节跳动前端二面
(shouldComponentUpdate,React.memo,useMemo,useCallback)怎么避免Vue组件的重复渲染(v-once,
keep-alive
,避免频繁的修改Vue的data
CRJ997
·
2023-09-08 12:12
上一页
3
4
5
6
7
8
9
10
下一页
按字母分类:
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
其他