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
qiankun 子应用
keep-alive
实现方案
一、核心设计理念简单由于主应用微应用都能做到技术栈无关,qiankun对于用户而言只是一个类似jQuery的库,你需要调用几个qiankun的API即可完成应用的微前端改造。同时由于qiankun的HTMLentry及沙箱的设计,使得微应用的接入像使用iframe一样简单。解耦/技术栈无关微前端的核心目标是将巨石应用拆解成若干可以自治的松耦合微应用,而qiankun的诸多设计均是秉持这一原则,如H
Sun____
·
2022-03-21 17:04
OkHttp请求时
Keep-Alive
无法生效问题修复记录
一、问题情形还原在一次列表请求数据慢的优化过程中,当时的场景是用一系列的接口请求一个列表数据,前期使用AndroidStudio的Profiler工具,排查了一些耗时接口,并做了代码层的优化,虽然做完优化后,速度提升近+50%了,但是在体验上还是有些不理想。于是开始对比同样的接口在别的端的加载速度后,发现非首次请求的速度简直没法跟人家比。于是乎,开始用抓包工具,结合网络库log进行排查,发现虽然在
TechMix
·
2022-03-19 15:45
VUE面试题
keep-alive
是Vue内置的一个组件,可以使被包含的组件保留状态,或避免重新渲染。标题3,vue组件中如何获取dom元素?使用ref属性获取,在组件模板元素中添加ref属性,在js中用this.
web小谢
·
2022-03-16 09:27
面试题
前端
vue
http1.1与http2.0
(TCP为了保证正确性和可靠性需要客户端和服务器三次握手和四次挥手,因此建立连接成本很高)http1.1:长连接:新增Connection字段,默认为
keep-alive
,保持连接不断开,即TCP连接默认不关闭
xbsNotes
·
2022-03-12 14:00
Vue3
Keep-Alive
组件原理分析
KeepAlive组件是Vue中的内置组件,主要用于保留组件状态或者避免组件重新渲染。KeepAlive组件接受三个Props属性:include-string|RegExp|Array。只有名称匹配的组件会被缓存。exclude-string|RegExp|Array。任何名称匹配的组件都不会被缓存。max-number|string。最多可以缓存多少组件实例。使用方法:1">`一起使用-->上
·
2022-03-10 11:00
vue的路由守卫和
keep-alive
后生命周期详解
导航守卫全局路由钩子router.beforeEach路由独享守卫组件内的守卫beforeRouterEnterbeforeRouteUpdatebeforeRouteLeaveVue路由钩子在生命周期函数的体现
keep-alive
·
2022-03-08 18:30
Vue3中多层嵌套路由使用keepAlive时子页面二次初始化问题
另外我们需要用到
keep-alive
进行页面级别的缓存,并且两层router-view都有用到,每个router-view的代码样式都如下遇到的问题在一部分叶子页面加载时,发现生命周期钩子执行了两次,而且反复确认了路由跳转只有一次
·
2022-02-25 11:21
前端vue.js
Vue2.0源码学习(6) - 组件注册
组件注册前言在Vue.js中,除了它内置的组件如
keep-alive
、component、transition、transition-group等,其它用户自定义组件在使用前必须注册。
Inès
·
2022-02-22 19:00
Vue2.0源码学习(6) - 组件注册
组件注册前言在Vue.js中,除了它内置的组件如
keep-alive
、component、transition、transition-group等,其它用户自定义组件在使用前必须注册。
Inès
·
2022-02-22 19:00
HTTP 协议简史
请求都有它独立完成,这个就意味着每一个http请求之前都会有一个tcp连接和握手在http1.0的时候,Connection设置为close才会使用这个模型持久连接(persistent-connections):
keep-alive
Joah_l
·
2022-02-21 04:39
Vue项目详情页:
keep-alive
与路由的关系、activated生命周期函数、递归组件、css渐变色、动态路由跳转、
keep-alive
、每次进入页面默认从顶部开始、transition组...
使用
keep-alive
包裹router-view路由,就可以缓存组件,不用每次进入组件都要重新加载一次页面,同时会多出两个生命周期函数activated、deactivatedactivated是在组件激活状态下触发的函数
我的皎月闻越香_
·
2022-02-21 00:41
前端架构vue动态组件使用基础教程
目录1、基本使用2、配合
keep-alive
使用1、基本使用新建组件Article.vue黄州东南三十里为沙湖,亦曰螺师店。予买田其间,因往相田得疾。闻麻桥人庞安常善医而聋。遂往求疗。
·
2022-02-19 18:36
时间轮与go-zero中时间轮的实现解析
场景想象这么一个场景,我需要维护一个连接池,连接池中的连接是有超时时间的,连接会保持一定频率发送心跳包比如5s发一次,30s内如果没有收到
keep-alive
就会过期,到过期时间的conn断开连接,如何去设计这个连接池
·
2022-02-19 18:30
vue-awesome-swiper之使用keepAlive缓存后跳转页面后swiper的loop失效
vue2.0提供了一个
keep-alive
用来缓存组件,避免多次加载相应的组件,减少性能消耗。在使用时出现了个问题。
旋转火龙果
·
2022-02-18 20:57
react 页面缓存插件react-router-cache-route
简介搭配react-router工作的、带缓存功能的路由组件,类似于Vue中的
keep-alive
功能。
吾与鹜
·
2022-02-18 19:23
web性能常见优化技巧
花钱提高带宽后端优化sql语句的查询速度,使其更快的返回给前端数据.连接复用,后端设置
keep-alive
后端开启g
·
2022-02-16 15:49
前端
南吕十二 | 每日互联网产品日报「20190601」
适合写作用的所见即所得网页编辑器大新闻苹果提高appstore移动数据下载流量限制:150Mb升级到200Mb文章推荐一个合格的中级前端工程师必须要掌握的28个JavaScript技巧你要的React面试知识点,都在这了vue路由按需
keep-alive
extrastu
·
2022-02-14 18:53
TCP连接建立后出现服务器崩溃、断电、网线被拔会发生什么情况
中收到数据(一般是半打开连接,一方关闭了另一方却不知道)参考:https://my.oschina.net/costaxu/blog/1273942.服务器断电、网线被拔:包不能被接收,需要客户端开启
keep-alive
yyyzhhhhh
·
2022-02-14 17:07
计算机网络
Vue面试常用详细总结
Vue2.0Vue3.0二·0、观察者模式三、计算属性computed四、侦听属性watch五、computed和watch区别六、v-show与v-if区别七、组件中data什么时候可以使用对象八、导航守卫九、
keep-alive
shinshinshintaro
·
2022-02-14 12:03
vue
面试
前端
HTTPConnectionPool(host:XX)Max retries exceeded with url 解决方法
Failedtoestablishanewconnection:[Errno99]Cannotassignrequestedaddress'是因为在每次数据传输前客户端要和服务器建立TCP连接,为节省传输消耗,默认为
keep-alive
朝畫夕拾
·
2022-02-13 04:39
退出登录后清除keepalive缓存
最近项目中被一个
keep-alive
的问题困扰了很久,项目中有四个页面使用了
keep-alive
,导致用户退出登录后,使用其他账号登录时,还保存着前一个用户的信息,经历了一系列的暴力删除无效后,最终采用了以下方法
blublu23
·
2022-02-12 14:09
HTTP无状态和connection:
keep-alive
的个人理解
keep-alive
:从HTTP/1.1起,浏览器默认都开启了
Keep-Alive
,保持连接特性
747大雄
·
2022-02-11 02:20
keep-alive
非本人所写,只为方便阅读参考地址:https://juejin.im/book/5a36661851882538e2259c0f原作者:染陌keep-alivekeep-alive是Vue.js的一个内置组件。它能够不活动的组件实例保存在内存中,而不是直接将其销毁,它是一个抽象组件,不会被渲染到真实DOM中,也不会出现在父组件链中。它提供了include与exclude两个属性,允许组件有条件地进
无花无酒_3cd3
·
2022-02-10 01:03
WebSocket 原理以及入门
在HTTP1.1中进行了改进,使得有一个
keep-alive
,也就是说,在一个HTTP连接中,可以发送
喵呜Yuri
·
2022-02-09 22:32
keep-alive
的实现
keep-alive
这个功能是vue特有的,在react中,我暂时没有找过相关组件,所以第一次用这个标签时,觉得特别神奇,跳转路由竟然会保存视图状态。
keep-alive
是Vue.js的一个内置组件。
zdxhxh
·
2022-02-09 06:45
客户端禁用
Keep-alive
, 服务端开启
Keep-alive
,会怎么样?
最近部署的web程序,在服务器上出现不少time_wait的连接状态,会占用tcp端口,费了几天时间排查。之前我有结论:HTTPkeep-alive是在应用层对TCP连接的滑动续约复用,如果客户端、服务器稳定续约,就成了名副其实的长连接。目前所有的HTTP网络库(不论是客户端、服务端)都默认开启了HTTPKeep-Alive,通过Request/Response的Connection标头来协商复用
博客猿马甲哥
·
2022-02-08 11:00
探究Vue3的
keep-alive
和动态组件的实现逻辑
keep-alive
组件是Vue提供的组件,它可以缓存组件实例,在某些情况下避免了组件的挂载和卸载,在某些场景下非常实用。
JonnyLan
·
2022-02-07 09:20
Vue
vue.js
前端
javascript
Vue源码解析篇 (二)
keep-alive
源码解析
keep-alive
是Vue.js的一个内置组件。它能够不活动的组件实例保存在内存中,我们来探究一下它的源码实现。
zhongmeizhi
·
2022-02-06 17:36
Http长连接和短链接
使用长连接的HTTP协议,会在响应头加入:Connection:
keep-alive
在使用长连接的情况下,当一个网页打开完成后,客户端和服务器之间用于传输HTT
第四单元
·
2022-02-05 13:23
记录
v-model会在change事件触发的时候去监听2、:class绑定变量绑定对象绑定一个数组绑定三元表达式:style绑定变量绑定对象绑定函数返回值绑定三元表达式3、组件中写name选项有什么作用项目使用
keep-alive
Dockerps
·
2022-02-05 02:48
Android研发大厂面试记:阿里,字节,flutter项目实战视频
有没有其他框架没有这个缺点的,怎么实现的Http1.0,Http1.1,Http2.0的区别
keep-alive
和多路复用有啥区别了解过HttpDNS么,什么作用手写一个生产者和消费者模型阿里(三面挂,
世代学IT
·
2022-02-04 16:17
程序员
架构
移动开发
android
前端性能优化(2)
TCP请求优化尽量减少TCP的请求数,也就是减少HTTP的请求数量资源合并,对于页面内的图片、css和js进行合并,减少请求量使用长链接,使用http1.1,在HTTP的响应头会加上Connection:
keep-alive
一包
·
2022-02-03 13:19
vue
keep-alive
实现动态缓存以及缓存销毁的处理方法
下面为主要代码,监听当前路由是否被移除缓存,如果移除缓存则需要销毁该组件,否则内容中的缓存组件会越来越来,影响使用性能;链接https://segmentfault.com/a/1190000019788203?utm_source=tag-newest创建一个mixin.js文件,然后引入到需要被动态缓存的路由组件中即可;image.png
鄢宁
·
2022-02-03 05:20
Jmeter压测,BeanShell内存溢出问题的排查及解决
开启HTTP请求的
keep-alive
,设置客户端实现方式为HttpClient4。准备1台8核16G的Linu
无昵称啊
·
2022-01-06 15:37
vue中
keep-alive
多级路由缓存问题
2.原因分析
keep-alive
默认支持缓存是两级,对三级及以上层级的页面缓存失效,之前的处理方式为:监听到路由变化后,将当前的路由的标识及父级标识一起存起来,当多个页面存在时
·
2021-12-31 13:55
HTTP2
答:在HTTP1.0的时候建立HTTP连接后默认会断开TCP连接,除非在请求头设置COnnection=
keep-alive
,但是
keep-alive
需要服务器支持。
·
2021-12-24 13:49
http前端
「Vue源码学习」简单讲一讲
keep-alive
的原理吧
前言大家好,我是林三心,用最通俗易懂讲最难的知识点是我的座右铭,基础是进阶的前提是我的初心。回想起来,我一开始写作的时候就是写Vue源码系列的,都收录在我的掘金专栏Vue源码解析之中:「Vue源码学习(一)」你不知道的-数据响应式原理Vue源码学习(二)」你不知道的-模板编译原理「Vue源码学习(三)」你不知道的-初次渲染原理「Vue源码学习(四)」立志写一篇人人都看的懂的computed,wat
·
2021-12-21 10:13
vue.js源码面试
Python HTTP库 requests 的简单使用详情
构建请求查询参数3、构建请求头Headers4、构建POST请求数据4.1表单数据4.2json数据5、获取响应内容6、Cookies7、超时配置8、代理requests库实现了HTTP协议中绝大部分功能,提供了
Keep-Alive
·
2021-11-30 14:40
vue 动态组件component
目录1、component2、keep-alive2.1存在的问题2.2使用
keep-alive
解决2.3keep-alive的生命周期2.4keep-alive的include,exclude属性1、
·
2021-11-27 16:35
Jmeter -- 使用过程中遇到的问题
1.connectionreset连接重置鹤壁问题说明:jmeter批量请求的时候一次成功一次失败,搜了资料改了配置以后也没好,后来把请求里的
keep-alive
勾选掉,又加压就可以了。
洛可可11
·
2021-11-05 21:10
VUE路由跳转记住滚动位置,返回时回到上次滚动位置
本解决方案原理是利用
Keep-Alive
、监听滚动事件与watch中监听$route实现。使用watch监听$route的方案适用于滚动区域在子组件中的情况。
·
2021-11-05 16:29
RocketMQ—Producer(一)启动流程解密
它会与NameServer集群中的其中一个节点(随机)建立长连接(
Keep-alive
),定期从NameServer读取Topic路由信息,将路由信息保存在本地内存中;它向提供Topic服务的MasterBroker
IT巅峰技术
·
2021-11-03 08:31
keep-alive
使用及详解
3、初识
keep-alive
官网的例子:https://cn.vuejs.org/v2/guide
·
2021-11-02 11:55
vue.js
vue实现页面缓存功能
本文实例为大家分享了vue实现页面缓存功能的具体代码,供大家参考,具体内容如下主要利用
keep-alive
实现从列表页跳转到详情页,然后点击返回时,页面缓存不用重新请求资源。
·
2021-10-28 19:04
缓存操作与组件路由
缓存操作与组件路由
Keep-alive
缓存在web服务请求当中,有部分数据属于频繁被查询,比如,用户信息,logo信息。将这些数据存储到一个方便查询,或者直接获取的位置上,来减轻服务器查询压力。
爱敲代码的狼仔
·
2021-10-26 19:38
Vue
缓存
vue.js
组件化
Vue
keep-alive
,不同路由指向同一个组件,如何分别缓存页面状态
https://blog.csdn.net/yanxiaomu/article/details/100753335本文重要解决vue使用
keep-alive
缓存页面状态时,当不同路由指向同一个组件,如何分别缓存页面状态的问题
Cherry丶小丸子
·
2021-10-19 15:29
vue常用优化方案
/home.vue')}]2、
keep-alive
缓
join8
·
2021-10-17 22:10
vue.js
vue3缓存页面
keep-alive
及路由统一处理详解
目录一、前言二、使用1.vue2和vue3的不同2.页面某些数据不需要缓存3.动态设置keepAlive属性4.使用include,exclude配置需要缓存的组件5.部分页面过来需要缓存,部分页面过来需要刷新6.缓存只在一级路由生效总结一、前言当使用路由跳转到其他页面的时候,要求缓存当前页面,比如列表页面跳转到详情页面,需要缓存列表内容,并且保存滚动条位置,也有时候需要缓存的页面里面有部分内容不
·
2021-10-17 10:36
面试题:每发送一个http请求就要建立一个tcp连接吗(非持久连接/持久连接)
持久连接:HTTP/1.1中的首部字段Connection默认值为
keep-alive
,连接可以复用,只要发送端、接收端都没有
森明帮大于黑虎帮
·
2021-10-14 09:17
Linux
面试题
http
tcp/ip
面试
Vue的
keep-alive
实现滑动定位缓存
Situation首先该项目是一个h5项目,有一个滑动列表页,当我滑动点击列表项,会进入到详情页,当我退出的时候,我希望还能定位到我刚刚点进来的位置。Task我们的目的是定位滑动位置。在返回的时候应该回到刚刚的滑动位置。所以我们有两个关键点,第一个是怎么定位滑动位置,第二是返回的时候怎么回到滑动位置。滑动位置的话我们可以获取到滑动容器的scrollTop值,然后返回的时候设置滑动容器的scroll
·
2021-10-11 21:54
上一页
13
14
15
16
17
18
19
20
下一页
按字母分类:
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
其他