Keep-alive 第10页

vue keep-alive详解

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

Franklin_4a1c·2023-07-17 21:25

渴望平静生活的上班族·2023-07-17 18:48

mac访问接口报错，无法访问80端口出现代理报错的情况解决方案

proxy:{'/api-base':{target:'http://dev.xxx',,headers:{//与target同级添加以下两行代码解决Connection:'keep-alive'},timeout

单身girl·2023-07-17 17:00

router和keep-alive

router的使用this.$router.replace('/home')，无法前进后退。this.$router.push('/home')可以前进后退//路由的全局对象，包含所有的路由对象console.log(this.$router)//当前活跃对象console.log(this.$route)//点击函数中router携带参数this.$router.replace({path:'/

静止呀·2023-07-17 12:34

TCP/HTTP协议

每请求一个http请求都需要建立一次tcp连接，而tcp的三次握手和四次挥手相对比较耗时，且会带来1.5+2=3.5个RTT因此在http1.1中，引入了长链接的概念，当在请求头部设置了Connection:keep-alive

努力学习的小丸子·2023-07-17 08:25

前端面试题---框架篇

beforeCreatecreatedbeforeMountmounted面试题：谈谈你对keep-alive的了解在做电商有关的项目中，当我们第一次进入列表页需要请求一下数据，当我从列表页进

陈陈陈先生丶·2023-07-16 13:02

HTTP1.1 wireshark分析

目录http1.1wireshark分析http1.1keep-alive的2次http请求wireshark分析http1.1keep-alive过期的2次请求keep-alive报文本地springboot

master-dragon·2023-07-16 09:23

HTTP的长连接和短连接

Keep-Alive不会永久保持连接，它有一个保持时间，可以在不同的服务器软件

InnocenceYWQ·2023-07-16 09:19

Vue性能优化方法？

/Foo.vue')}]})keep-alive缓存页面使用v-show复用DOMv-for遍历避免同时使用v-if长列表优化如果列表是纯粹的数据展示,不会改变,就不需要做响应式exportdefault

Viewwei·2023-07-16 08:17

Vue路由跳转到新页面之后，返回旧页面保持状态不变

解决方案：使用keep-alive在vue.app中添加keep-alive标签。在router文件下的index.js中，添加meta。

codeMing_·2023-07-16 07:31

20230711----重返学习-组件缓存-图片上传-富文编辑器-鉴权处理

day-110-one-hundred-and-ten-20230711-组件缓存-图片上传-富文编辑器-鉴权处理组件缓存keep-alive组件的使用keep-alive组件的原理图片上传图片上传流程点击上传图片后

方朝端·2023-07-15 17:48

vue 进阶---动态组件插槽自定义指令

目录动态组件如何实现动态组件渲染使用keep-alive保持状态keep-alive对应的生命周期函数keep-alive的include属性和exclude属性插槽插槽的基础用法具名插槽作用域插槽自定义指令自定义指令的分类私有自定义指令全局自定义指令了解

Love丶Tin·2023-07-15 12:47

keep-alive和router-view配合使用缓存整个路由页面以及路由切换

实现内容：通过vue实现，在页面有侧边栏动态来展示当前页面流程，右边进行页面的切换，左右两边都是组件，但是A/B/C组件的切换是通过keep-alive搭配router-view实现的，首先在当前文件中创建五个文件

猫猫的叮当·2023-07-15 06:45

keep-alive和router-view配合使用

keep-alive大多数可能了解过，它是vue的内置组件，可以将包裹的组件进行缓存，避免重复的渲染和销毁，当这个组件再次被使用的时候，它会从缓存中提取出来并重新挂载到页面上，keep-alive提供了两个钩子函数

猫猫的叮当·2023-07-15 06:45

http1.0、http1.1 http 2.0

无连接无连接：每次请求都要建立连接，需要使用keep-alive参数建立长连接、HTTP1.1默认长连接keep-alive 无法复用连接，每次发送请求都要进行TCP连接，TCP的连接释放都比较费事，会导致网络利用率低队头阻塞队头阻塞

Ares-Wang·2023-07-14 20:35

Vue使用keep-alive设置哪些组件可以被缓存，哪些不被缓存

需求：当一个项目中，不是所有的组件页面都需要缓存起来，因为有些页面是不需要的$route.meta.keepAlive判断当前组件是否有keepAlive属性在路由js文件中在配置路由规则的时候配置{path:'user-pwd',//重置密码component:()=>import('@/views/user/userPwd.vue'),name:'user-pwd',meta:{title:'

前端-文龙刚·2023-07-14 15:26

vue动态组件

目录v-if、v-else-if、v-else存在keep-alive：保留状态，避免组件在切换时被销毁和重新创建v-show与display:none显示相关基础BOM（window）DOM（document

参宿7·2023-07-14 14:22

HTTPSConnectionPool(host=‘xxxxx‘, port=443) 解决思路

经过一番查询，发现该错误是因为如下：http的连接数超过最大限制，默认的情况下连接是Keep-alive的，所以这就导致了服务器保持了太多连接而不能再新建连接。1、ip被封2、程序请求速度过快。

dsdasun·2023-07-14 04:43

2019-06-18 Web 性能优化的常用手段

DNS查询:虽然不能优化DNS查询过程,但是可以通过减少DNS查询数量来加快查询的速度TCP连接:在HTTP请求头里加上keep-alive,服务器就会复用连接HTTP/2.0多路复用发送HTTP请求:

追夢的蚂蚁·2023-07-13 16:13

说说你对keep-alive的理解是什么

一、Keep-alive是什么keep-alive是vue中的内置组件，能在组件切换过程中将状态保留在内存中，防止重复渲染DOMkeep-alive包裹动态组件时，会缓存不活动的组件实例，而不是销毁它们

JerisonPaul·2023-06-24 05:26

keep-alive路由组件离开后依然执行钩子函数的解决方式

路由在切换时，发现特别奇葩的情况，B页面是缓存页面，B页面点击跳转C页面时，执行了created、mounted钩子函数，从C页面返回到B页面时，执行了beforeDestroy钩子函数，这玩意儿完全是倒着执行，而且中间还穿插其他页面。路由结构:{path:"/task",meta:{index:3,requireAuth:true,keepAlive:false},component:()=>i

菜鸟搬砖·2023-06-23 07:23

VUE3实现页面缓存，tab切换时不刷新

前前后后尝试了多种写法，如上图被注释的那段写法，与没注释掉的写法，在router-view上主要是第一种写法有设置key属性，第二种没有，后面经过调试发现，在router-view上设置key属性，会导致keep-alive

九九100·2023-06-22 23:28

vue路由在使用keep-alive缓存之后第二次进入页面created和mounted不执行问题及解决

一、keep-alive介绍1.什么是keep-alive？

jieyucx·2023-06-18 04:15

2021-02-03【技术】聊聊keep-alive组件的使用及其实现原理

keep-alive定义：keep-alive是Vue.js的一个内置组件。它能够不活动的组件实例保存在内存中，而不是直接将其销毁，它是一个抽象组件，不会被渲染到真实DOM中，也不会出现在父组件链中。

平凡的雪夜冬天·2023-06-17 20:18

解决使用nginx 负载 ws的问题

ws请求解决修改配置文件，首先添加两个变量,添加到http下面，和server同一级map$http_upgrade$connection_upgrade{defaultkeep-alive;#默认为keep-alive

水淹萌龙·2023-06-17 17:09

简述网络交互、http和原生ajax

网络交互1.浏览器和服务器的通信过程地址解析封装http请求数据包封装成tcp包，通过tcp的三次握手建立tcp连接客户端发送请求命令服务器响应服务器关闭tcp连接特殊场景：vue项目中keep-alive

@德玛玩前端·2023-06-17 11:27

[python] 爬取乌云知识库的标题

代码如下importurllib2,httplibimportredefgetinfo(url):header={'Host':'drops.wooyun.org','Connection':'keep-alive

navyofficer·2023-06-16 06:30

前端面试题---Vue中v-if和v-show的优化技巧,keep-alive抽象组件

一.Vue.js中的v-for和v-if的优化技巧是什么？在Vue.js中，使用`v-for`和`v-if`是非常常见的指令，但在某些情况下，它们的组合可能会导致性能问题。以下是一些优化技巧，可以提高`v-for`和`v-if`的性能：1.避免在同一元素上同时使用`v-for`和`v-if`：当在同一个元素上同时使用`v-for`和`v-if`时，每次渲染都会遍历整个列表，然后再进行条件判断，这样

卷小白·2023-06-15 22:02

动态组件和异步组件

蟑螂大道·2023-06-15 05:42

记录vue3 标签导航切换，内容keep-alive缓存

代码摘录关键点：1.:key="$route.name"解决切换空白问题2.路由route.ts中meta里一定要定义成keepAlive，因为既然是内置组件的话，我想着保持一致比较好，以防出现其他不必要的麻烦。这个当时写成了isKeepAlive后来导致是空白3.:include="tagslist"，这个include的意思是包含的缓存的tagView,所以可以放在watch中监听，当然全部的

乔和·2023-06-14 13:00

VUE嵌套路由 component属性key的作用

另外我们需要用到keep-alive进行页面级别的缓存，并且两层router-view都有用到，每个router-view的代码样式都如下遇到的问题当keepalive为true时候,在一部分叶子页面加载时

如果俞天阳会飞·2023-06-13 09:58

Vue学习笔记07：ref 、动态组件、插槽、自定义指令

$nextTick(cb)方法二、动态组件1.什么是动态组件2.动态组件渲染和keep-alive三、插槽1.什么是插槽2.插槽的基础用法3.具名插槽4.作用域插槽4.1表格使用作用域插槽四、自定义指令

双-鱼·2023-06-12 22:45

动态组件、插槽、自定义指令、Eslint和prettierrc配置、axios全局挂载

示例代码如下：展示left展示Right使用keep-alive

前端学习@·2023-06-12 22:45

Ant Design Vue Pro（V3.0.0 ）MultiTab标签缓存，完美解决

首先需要实现如下：MultiTab标签打开菜单路由页面之后keep-alive就一直保持缓存当前路由页面，直到点击MultiTab标签的X（或者点击菜单：关闭当前/关闭左边/关闭右边/关闭全部）此时删除

HSJ0170·2023-06-12 06:13

vue如何移除watch监听？

从列表进入详情页，携带参数，列表页为了保持在固定的位置，用了keep-alive包裹，这样的话进入详情页就需要watch监听路由来获取参数watch:{$route:{handler(){//dosomething

用户昵称已存在丶·2023-06-11 12:50

【vue3】10-vue组件化额外知识补充（下）-动态组件-组件缓存-v-model在组件上的应用

组件化-额外知识补充（下）动态组件的使用(了解)keep-alive（理解）认识keep-alivekeep-alive的使用异步组件的使用webpack分包处理（了解）Vue中实现异步组件组件的v-model

SevgiliD·2023-06-11 07:25

Vue 实现前进刷新，后退不刷新的效果

我们在keep-alive添加列表页的名字，缓存列表页。然后在列表页的created函数里添

Vicky丶Amor·2023-06-11 04:14

计算机网络(六): HTTP,HTTPS,DNS,网页解析全过程

文章目录一、HTTP头部包含的信息通用头部请求头部响应头部实体头部二、Keep-Alive和非Keep-Alive的区别三、HTTP的方法四、HTTP和HTTPS建立连接的过程4.1HTTP4.2HTTPS

NUS_Ryan·2023-06-10 20:35

Vue3：组件高级（下）

Vue3：组件高级（下）Date:May25,2023Sum:ref引用、动态组件、插槽、自定义指令目标：◆能够知道如何使用ref引用DOM和组件实例◆能够知道$nextTick的调用时机◆能够说出keep-alive

CaptainDrake·2023-06-10 16:33

2023年前端面试高频考点之通信（渲染、http、缓存、异步、跨域）

目录浏览器从输入url到渲染页面过程⭐⭐⭐Http和Https区别⭐⭐⭐GET和POST发送请求⭐⭐⭐异同http版本⭐⭐⭐http状态码⭐⭐⭐TCP⭐⭐⭐三次握手四次挥手流量控制（滑动窗口机制）拥塞控制keep-alive

参宿7·2023-06-10 12:44

什么是 Vue.js 中的 keep-alive 组件？如何使用 keep-alive 组件？

Vue.js中的Keep-alive组件Vue.js是一款流行的前端框架，它提供了许多实用的组件和工具，其中之一就是Keep-alive组件。

yujun2023·2023-06-10 01:44

vue页面缓存失效问题解决

文章目录一、问题背景二、问题排查三、问题解决一、问题背景前端技术栈用的是vue，然后用keep-alive组件进行缓存页面【切换页面不进行刷新页面，保留之前的查询条件及状态等等】测试提bug：部分页面突然缓存失效了

吴迪98·2023-06-09 14:06

Vue.js 中的 keep-alive 组件使用详解

Vue.js中的keep-alive组件在Vue.js中，keep-alive组件是一个非常有用的组件，它可以帮助我们优化页面性能。

硬件人某某某·2023-06-08 15:46

Vue基础第五篇

components:{child1:{template:`我是首页`,},child2:{template:`我是订单`,},child3:{template:`我是商品`,}}})2.keep-alive的使用keep-alive

辉辉辉辉辉辉辉辉辉辉辉·2023-06-08 10:04

vue2 Keep-alive 详情页返回列表页，保留列表页之前的筛选条件和数据的简单写法

需要保留原来的搜索条件和数据keep-alive是Vue的内置组件，能在组件切换过程中将状态保留在内存中，防止重复渲染DOM。结合vue-router中使用，可以缓存某个view的整个内容。

一路向前的月光·2023-06-07 21:50

Vue——动态组件、插槽、Vue-cli创建项目、Vue项目目录结构、编写规范、es6导入导出语法

##动态组件```html////component标签的is属性等于组件名字，这里就会显示这个组件首页商品订单```###keep-alive```html//使用keep-alive把动态组件包裹起来保存当前状态就算切换到其他组件再切换回来依旧还是之前的状态首

抱紧小洪·2023-06-07 18:00

vue-router路由元信息及keep-alive组件级缓存

路由元信息？（黑人问号脸？？？）是不是这么官方的解释很多人都会一脸懵？那么我们说meta，是不是很多人恍然大悟，因为在项目中用到或者看到过呢？是的，路由元信息就是我们定义路由时配置的meta字段；那么这个meta的作用是什么呢？首先看一个场景：通常我们在开发网站或者移动应用的时候，我们通常会有网页权限验证的需求（别说你没有，你肯定有），这种需求一般是指需要登录后才可进入，也就是需要用户登录获取用户

有梦想的咸鱼前端·2023-06-07 02:48

Bilibili自动点赞投币机

timedefcoinadd(av):headers={"Host":"api.bilibili.com","Cache-Control":"no-cache","Proxy-Connection":"keep-alive

谁的BUG最难改·2023-04-21 13:06

Vue前端面试总结中

目录一、slot是什么解释编译作用域分类默认插槽具名插槽（子组件定义多个对应插入内容）作用域插槽二、Observable是什么三、Key是什么使用场景四、Keep-alive是什么使用场景缓存后如何获取数据

低保和光头哪个先来·2023-04-21 11:38

keep-alive包裹共用一个vue文件的动态路由，vue文件的生命周期如何触发多次

使用keep-alive包裹动态路由时，渲染的组件会被缓存，并不会重复创建实例，因此其生命周期钩子只会在第一次渲染时触发一次。

亮学长·2023-04-21 07:35

推荐频道

Keep-alive