keep-alive

在 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

【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

vue 生命周期图 + activated + deactivated

一、vue生命周期图Fromthenetwork二、activated+deactivated除此之外，简单介绍一下在被keep-alive包含的组件/路由中，会多出两个生命周期的钩子:activated
cnailili·2023-09-09 12:40

keep-alive总结

什么是keep-alive提到keep-alive大多数人都是又爱又恨啊爱是他能够缓存页面、用起来很是方便，恨是不能够区分处理遇到一些问题基础概念作用标签keep-alive可用于router-view
丰的传说·2023-09-09 09:56

http基础之http发展史

http1.0短连接，有有限的缓存机制，后期集成了长连接，也有连接并发数限制http1.1：在连接上（使用了tcp长连接，存在tcp连接池子,后面该功能http1.0也集成支持了），connection:keep-alive
zhu0902150102·2023-09-08 23:48

高手进阶篇！Python爬虫requests库(附案例)

相对于urllib3库，requests库拥有完全自动化Keep-alive和HTTP连接池的功能。requests库包含的特性如
Python_小明·2023-09-08 15:41

字节跳动前端二面

（shouldComponentUpdate，React.memo，useMemo，useCallback）怎么避免Vue组件的重复渲染(v-once，keep-alive，避免频繁的修改Vue的data
CRJ997·2023-09-08 12:12

长连接和短连接

释放连接一次连接只能请求一次资源HTTP长连接使用同一个TCP连接来发送和接收多个HTTP请求/应答，避免了连接建立和释放的开销长连接特点只要任意一端没有明确提出断开连接，则保持TCP连接状态使用HTTP的Keep-Alive
芋圆不想 圆·2023-09-08 10:37

Vue：组件缓存

组件缓存keep-alive文章目录组件缓存keep-alive一、keep-alive是什么二、keep-alive优点三、问题四、解决方案五、代码示例六、回顾一下钩子七、总结一、keep-alive
@LiuJinTao·2023-09-08 05:07

keep-alive 组件缓存和 lodash 防抖

app.vue在app.vue根组件判断一下需要缓存的组件router/index.js{path:'',//默认子路由，只能有1个name:'home',component:()=>import('@/views/home'),meta:{keepAlive:true}}views/home/components/article-list.vue在文章列表页加载的时候监听元素滚动事件，记录当前浏
红_e8d9·2023-09-08 04:39

浏览器渲染页面的过程——一次完整的HTTP服务：TCP连接建立、发起HTTP请求、keep-alive、重绘，重排

结合具体问题：在浏览器输入一个网址并访问，具体发生了什么？1.对这个网址进行DNS域名解析，得到对应的IP地址DNS怎么找到域名的？DNS域名解析采用的是递归查询的方式，过程是，先去找DNS缓存->缓存找不到就去找根域名服务器->根域名又会去找下一级，这样递归查找后，找到了，返回给我们的浏览器2.根据这个IP，找到对应的服务器，发起TCP的三次握手，即建立连接TCP连接的建立（三次握手）？1、客户
webhyx·2023-09-08 02:04

websocket学习

httpWebSocket是HTML5出的东西（协议），也就是说HTTP协议没有变化，或者说没关系，但HTTP是不支持持久连接的（长连接，循环连接的不算）首先HTTP有1.1和1.0之说，也就是所谓的keep-alive
idleAge·2023-09-07 10:15

怎么缓存当前的组件？缓存后怎么更新？

今天研究下如果需要缓存组件，vue提供的解决方式keep-alive文章目录一、Keep-alive是什么？
敲啊敲9527·2023-09-06 19:03

vue 路由之左右滑动效果

keep-alive是Vue的内置组件，能在组件切换过程中将状态保留在内存中，防止重复渲染DOM，我们要把它也包裹在transition标签内，否则页面将重新渲染，切换的动画也会卡顿通过watch来处理路由跳转是左是右
影夜随风·2023-09-06 09:38

2019-07-04

这就是http协议）浏览器-->服务器发送的请求格式如下：表示请求的目标、协议版本GET/HTTP/1.1表示服务器的IP地址和端口Host:127.0.0.1:8080表示是长链接Connection:keep-alive
陈_066c·2023-09-05 10:51

el-table中点击跳转到详情页的两种方法

跳转的两种写法:1.使用keep-alive使组件缓存,防止刷新时参数丢失keep-alive组件用于缓存和保持组件的状态，而不是路由参数。
前端程序媛Ying·2023-09-04 16:58

keepalive 高可用技术

注意：我们前面讲nginx的时候有keepalive_time等选项，那里的Keep-Alive意图在于短时间内连接复用，希望可以短时间内在同一个连接上进行多次请求/响应
滨海新世界·2023-09-04 00:06

【前端】常用功能合集

目录js跳转到新标签打开PDF文件js每十个字符换行es6用表达式或变量名作为对象的属性名vuev-for插值、:style、:class父组件加载完后再加载子组件keep-alive缓存跨域请求第三方接口跨域请求之
lorogy·2023-09-03 04:20

Vue生命周期及各组件间的执行情况

二、Vue生命周期中具体过程1.Vue生命周期中的函数创建Vue实例期阶段：运行阶段：销毁阶段：2.加入keep-alive后1）keep-alive的认识：2）keep-alive的用法：各组件间的执行情况
天将降大任于我·2023-09-02 20:21

【vue】通俗易懂了解keep-alive实现原理

以上摘抄自vue官网，可以看出来，keep-alive是用来缓存组件的，比如我们有个列表页，在点击详情页之后，如果返回之后不想刷新列表页，就可以用keep-alive组件进行缓存。
前端阿彬·2023-09-01 07:10

nginx服务与调优

2.基础特性：模块化设计，较好的扩展性高可靠性支持热部署：不停机更新配置文件，升级版本，更换日志文件低内存消耗：10000个keep-alive连接模式下的非活动
敢不敢跟我比划比划.·2023-08-31 05:38

页面卡顿的原因及排查

页面掉帧1》网络请求太多，请求返回的数据比较慢接口返回慢的话，后端做些优化；前端适当做些缓存，减少不必要的重复的请求可以从调试工具中的Network查看请求情况2》回流和重绘多减少dom的操作，适当使用keep-alive
bug丸·2023-08-31 04:54

vue3中keep-alive的使用及结合transition使用

正确用法在组件中使用（这里结合了transition内置动画组件）import{onActivated,onDeactivated}from'vue'//在keep-alive组件激活时调用onActivated
半度℃温热·2023-08-30 23:30

Vue中缓存keep-alive include不生效问题解决

include匹配的name是和组件本身里的name挂钩，这个name是与datamethods这些平级的属性，而不是路由里注册的name，谨记！image.pngimage.png原文博客：Vue中缓存keep-aliveinclude不生效问题解决
网恋被骗二块二·2023-08-30 14:29

nginx服务与调优（一）

2.基础特性：模块化设计，较好的扩展性高可靠性支持热部署：不停机更新配置文件，升级版本，更换日志文件低内存消耗：10000个keep-alive连接模式下的非活动
我不道啊；·2023-08-30 02:57

keep-alive及其生命周期钩子

作用：缓存组件内部状态，避免重新渲染用法keep-alive可以接收3个属性做为参数进行匹配对应的组件进行缓存:include包含的组件(可以为字符串，数组，以及正则表达式,只有匹配的组件会被缓存)exclude
程序小小黑·2023-08-29 23:25

vue中动态化的按需使用keep-alive

主要讲下啥是keep-alive、具体到项目中怎么用的问题。项目相关：panda-mall1、啥是keep-alive？就是缓存，我们还是来看看具体的使用场景。
Ewall_熊猫·2023-08-29 07:27

若依框架使用

若依官网文档页签缓存由于目前keep-alive和router-view是强耦合的，而且查看文档和源码不难发现keep-alive的include(opensnewwindow)默认是优先匹配组件的name
四月天__·2023-08-28 09:12

Vue3语法系统进阶 - 全面掌握Vue3特性

nextTick监听DOM更新后的情况03-自定义指令与自定义全局属性及应用场景04-复用组件功能之Mixin混入05-插件的概念及插件的实现06-transition动画与过渡的实现07-动态组件与keep-alive
锡山草木间·2023-08-28 03:24

详解 WebSocket 原理，附完整的聊天室实战 Demo

HTTP有1.1和1.0之说，也就是所谓的keep-alive，把多个HTTP请求合并为一个，但是Websocket其实是一个新协议，跟HTTP协议基本没有关
ApesKingMan·2023-08-27 00:22

【Nginx】Nginx 简介

内存消耗低：一万个长连接（keep-alive）,仅消耗2.5MB内存。支持热部署：不用停止服务器，实现更新配置文件，更换日志文件、更新服务器程序版本。
iHero·2023-08-26 20:42

4.15 TCP Keepalive 和 HTTP Keep-Alive 是一个东西吗？

目录HTTP的Keep-AliveTCP的Keepalive总结：HTTP的Keep-Alive，是应用层（用户态）实现的，称为HTTP长连接；TCP的Keepalive，是由TCP层（内核态）实现的，
陈岂几真幸运·2023-08-26 19:31

Vue中使用keep alive做缓存，组件中含多个iframe每次加载如何做到缓存问题

问题场景：1.一个公共组件包含多个iframe嵌套页面，希望是每次激活的iframe页面能做到缓存内容；2.这个公共组件注册共享一个路由；原先解决思路：使用keep-alive标签做缓存，结果公共组件是缓存了
**之火·2023-08-26 08:05

create testcase

curl'http://jira.eswin.com/rest/tests/1.0/project/10302/customfields/testcase'\-H'Connection:keep-alive
凌空_lingkong·2023-08-26 04:43

VueJs项目笔记

======================知识点总结===========================一、keep-alive(实现页面的缓存)二、移动端固定定位的解决方案三、Vue表单校验[https
weixin_34295316·2023-08-24 14:29

前端常见面试题-2

1~keep-alive是什么?
_仗剑走天涯·2023-08-24 07:41

Vue keep-alive概述

什么是Keep-Alive为了了解keep-alive状态，您首先必须
魂斗驴·2023-08-24 03:51

vue3 基础知识 （动态组件 keep-alive 等） 03

嘿，happy文章目录一、动态组件二、keep-alive一、动态组件动态组件是使用component组件，通过一个特殊的属性is来实现一定是注册好的组件我们需要将属性和监听事件放到component上来使用
开心没头脑·2023-08-24 01:11

关于keep-alive的几点疑惑

一、http的keep-alive与tcp的keep-alivehttpkeep-alive：在一次tcp连接中可以连续发送多次数据，即可以保持一段时间的tcp连接，在这个保持的通道上有多个request
sssammmm·2023-08-23 19:08

计算机网络面经八股文

/IP参考模型3.TCP/IP五层参考模型4.OSI和TCP/IP协议之间的对应关系5.数据如何在各层之间传输【数据的封装过程】第二部分：应用层1.HTTP头部包含哪些信息2.Keep-Alive和非Keep-Alive
何处微尘·2023-08-22 13:35

解决keep-alive缓存失效问题【必看！！！】

最近正在使用Vue3+Ts+Pinia重构后台管理项目，在写到路由缓存时，发现怎么都缓存不了，后来才找到了原因：Vue3中的setup语法糖中的name命名无效即：如果你是按如下写组件的name，是不起作用的解决方法有两种1）手动写一个script标签，然后默认暴露名称exportdefault{name:'One1'}2）使用vite-plugin-vue-setup-name-support插
一只疯狂原始熊·2023-08-22 05:30

vue3优点和缺点？

性能方面的优化1、路由懒加载2、keep-alive缓存页面3、使用v-show复用DOM4、v-for遍历避免同时使用v-if5、长列表性能优化6、事件的销毁7、图片懒加载8、第三方插件按需引入9、无状态的组件标记为函数式组件
冰海恋雨.·2023-08-21 20:29

vue-router 实现组件的缓存之 keep-alive

一、keep-alive简介keep-alive是Vue内置的一个组件，可以使被包含的组件保留状态，或避免重新渲染。
高强sky·2023-08-21 03:33

vue中keep-alive缓存组件不生效的坑

花费大半个小时之后终于找到了问题点坑的原因keep-alive缓存时include中的名字必须与组件上的名字完全一致，组件没有写名字或者名字不一致就会导致缓存失效，每次进入组件都触发created生命周期代
豁啦子·2023-08-21 00:59

缓存组件

一、keep-Alive搭配vue-router实现缓存页面效果1.1keep-alive是Vue的内置组件，能在组件切换过程中将状态保留在内存中，防止重复渲染DOM。
Komorebi゛·2023-08-20 09:02

使用 Vue 的 keep-alive 组件提升性能

什么是keep-alive？keep-alive是Vue的内置组件，它可以缓存不活动的组件实例，而不是销毁它们。当keep-alive包裹动态组件时，它会将切换出去的组件保留在内存中。
爱跑步的程序员~·2023-08-20 05:02

Vue 2 动态组件和异步组件

动态组件与keep-alive我们知道动态组件使用is属性和component标签结合来切换不同组件。
影麟·2023-08-19 19:29

vant list 配合keep-alive后，详情返回到原来位置，其他页面则重新请求

写了一个mixins，需要用的地方引入即可exportconsthandleScroll={data(){return{scroll:''}},mounted(){this.$nextTick(()=>{//获取滚动区域dom，监听滚动事件this.box=document.querySelector('.s-box')this.box.addEventListener('scroll',this
cooqi·2023-08-19 19:13

【Vue基础知识再巩固】--动态组件和异步组件

动态组件标签切换v-bind:is控制模板切换，但是模板切换前后重新加载，无法保持切换前状态，故引入keep-alive对组件实例进行缓存，以保持其状态：异步组件暂时用到的场景，大量组件引入时候会导致页面有一定延迟
GQ_cyan·2023-08-18 20:35
上一页 4 5 6 7 8 9 10 11 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他