keep-alive 第11页

前端面试题---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

HTTP Keep-Alive模式

故事发生在10月份的一次面试经历中，本来我不想说出来丢人显眼，但是为了警醒自己和告诫后人，我决定写成博文发出来。因为在面试过程中，我讲在2009年写过QQ农场助手，在这期间深入学习了HTTP协议，而且在2010-05-18写了博文：HTTP协议及其POST与GET操作差异&C#中如何使用POST、GET等。面试官说既然我熟悉HTTP协议，就问“当HTTP采用keepalive模式，当客户端向服务器

qq^^614136809·2023-04-21 00:14

vue3实现路由缓存

实现思路：当从其他页面进入B页面时，将B页面添加到缓存区（可用数组存储），此时B页面就是一个keep-alive的状态；当离开B页面，去到其他页面时，将B页面从缓存区清除（去到C页面不清除，因为需求时B

_缘聚·2023-04-20 00:29

【vue3】vue3的keep-alive（keepAlive）失效

vue3的keep-alive（keepAlive）失效正确用法include缓存的组件名称与组件data同级的name属性max最大缓存数缓存的实例数量即将超过指定的那个最大数量，则最久没有被访问的缓存实例将被销毁

视觉CG·2023-04-19 13:52

Vue keep-alive总结

是Vue的内置组件，能在组件切换过程中将状态保留在内存中，防止重新渲染DOM。包裹动态组件时，会缓存不活动的组件实例，而不是销毁它们。和相似，是一个抽象组件：它自身不会渲染一个DOM元素，也不会出现在父组件链中。prop：include：字符串或正则表达式。只有匹配的组件会被缓存。exclude：字符串或正则表达式。任何匹配的组件都不会被缓存，其他组件都会被缓存。常见用法exportdefault

Coldhands·2023-04-19 05:59

页面优化

页面优化关于页面优化问题，我总结了一下几点，希望能对大家有所帮助1、内容层面DNS解析优化(DNS缓存，减少DNS查找，keep-alive、适当得主机域名)避免重定向(/还是需要的)使用ajax当请求成功的时候

前端_周瑾·2023-04-19 03:11

TCP & HTTP的keep-alive的详解

TCP协议keepalive概述TCPkeepalive在很多场景下都不是必须的，但是在某些特定的的场景下，这个特性却会是非常有用。我们从TCPkeepalive这个名字就可以大概理解这个特性的作用：keeptcpalive。我们可以通过检查socket来判断网络连接是不是正常的（RunningorBroken）Keepalive的概念非常的简单：当你建立一个TCP连接的时候，便有一组定时器（ti

Devincd·2023-04-19 00:17

41、http连接、get/post

http1.0后期引入了Connection:keep-alive持久化连接，每个网页只进行一次tcp/ip连接，当网页所需的资源通过http请求全部下载结束后，tcp/ip才会断开。

一土二月鸟·2023-04-18 08:41

vue中keep-alive的原理

1、keep-alive是什么keep-alive是一个抽象组件：它自身不会渲染一个DOM元素，也不会出现在父组件链中；使用keep-alive包裹动态组件时，会缓存不活动的组件实例，而不是销毁它们。

sun_hl·2023-04-18 07:13

vue3 keep-alive组件缓存

中的一个全局组件keepalive本身不会渲染出来，也不会出现在dom节点当中，但是它会被渲染为vnode,通过vnode可以跟踪到keepalive中的cache和keys，当然也是在开发环境才可以二keep-alive

秋秋小事·2023-04-18 00:27

使用 keep-alive 的 include 和 exclude 无效的一点注意

最近在使用vue+element-UI开发的后台管理项目中，优化keep-alive的使用方式时遇到了一些问题优化前使用的if判断来控制页面是否可以缓存，这样做页面切换的动画效果不是太理想优化想使用include

迷失方向的风·2023-04-18 00:11

keep-alive的使用-及遇到的问题

被keep-alive包括的的组件，当组件切换是不是走销毁流程，而是缓存起来keep-alive有三个参数include匹配name名被缓存，exclude匹配name名不会被缓存，max被缓存组件数量不写

上帝喜欢糖·2023-04-18 00:21

HTTP keep-alive、TCP Keep-Alive、心跳检测，傻傻分不清？

大家都知道HTTP1.0和HTTP1.1的区别在于连接复用，表现在协议里就是HTTP1.1的请求头中会多一个Connection:keep-alive，但是具体如何进行连接复用的可能很多同学并不是很清楚

公众号_WU双·2023-04-17 17:54

vue中的keep-alive

1.概念keep-alive是vue内置的一个组件，可以使被包含的组件保留状态，或避免重新渲染。它自身并不会渲染成一个DOM元素。保留状态的含义是：比如当前页面有两个链接，一个是新闻，一个是信息。

意切·2023-04-17 08:50

面试题

通过keep-alive包裹router-view2.$route和$router的区别?

阿印_ef04·2023-04-16 08:13

vue-前进刷新，后退不刷新实现

vue通过keep-alive实现前进刷新，后退不刷新(1)在App.vue中设置(2)在路由中设置两个参数，关于keepAlive、isRefresh的具体作用往下看{path:"/a",name:"

安静的天空·2023-04-16 05:13

前端性能优化

keep-alive，一次通讯完成后，保持TCP连接，下次请求时少一次TCP连接建立的过程。减少ht

bzwhlll·2023-04-15 21:54

v-if加keep-alive

我们可以使用keep-alive来解决v-if的切换渲染消耗的问题。

逸马无疆·2023-04-15 19:53

vue页面缓存keep-alive的include不生效解决方案

vue页面缓存keep-alive的include不生效解决方案

底层民众·2023-04-15 00:00

vue 项目中关于ifarem页面缓存问题

2关于使用keep-alive缓存不了iframe界面原因很多人第一想法就是会使用keep-alive去实现组件缓存，但是对iframe标签是行不通的，keepalive作为缓存组件这里不过多介绍，大多用

大西瓜-dxg·2023-04-14 16:26

Vue中对iframe实现keep alive无刷新的方法

Vue自带的keep-alive没达到预期效果目的：为了避免每次的iframe重复加载时间过长，导致体验不好参考链接https://www.cnblogs.com/shj-com/p/15049030.

Slow菜鸟·2023-04-14 16:48

HTTP协议优化措施

2、长连接HTTP/1.1默认开启Keep-Alive选项，并且是pipeline模式的。这样建立的TCP连接，可以在多次请求中复用。

我爱张智容·2023-04-13 16:15

keep-alive缓存机制

目录keep-alive用法源码实现思路LRU缓存策略abstractkeep-alive用法1.路由2.动态组件源码实现思路1.render(),获取子组件虚拟DOM，vnode，此时的vnode并没有组件实例

is今夕·2023-04-12 04:28

# nuxt

文章目录需要的环境创建项目路由路由的配置一级路由的配置动态路由配置多级路由创建路由参数的传递异步获取数据异步读取数据示例Nuxt中keep-alive的使用跨域配置实际请求示例异步配置自定义loadingvuex

三叶啦·2023-04-12 03:28

4.9--计算机网络之TCP篇之TCP Keepalive 和 HTTP Keep-Alive --（复习＋大总结）---沉淀ing

HTTP的Keep-Alive，是由应用层（用户态）实现的，称为HTTP长连接；TCP的Keepalive，是由TCP层（内核态）实现的，称为TCP保活机制HTTP的Keep-AliveHTTP是基于TCP

奔赴在自己的热爱中·2023-04-11 21:54

python爬虫拉勾网_拉勾网爬虫Python代码实现

#setting.pyheaders={'Host':'www.lagou.com','Connection':'keep-alive','Content-Length':'23','Origin':'

王秋裤·2023-04-10 17:37

vue的登录相关(路由和axios)

因此还是自己记录一下.大多都是直接贴代码吧,然后补充下里面的注释.image.png路由守卫路由表的结构不再赘述,值得一提就是meta的应用和路由懒加载.meta经常被用于存放title是否需要缓存(keep-alive

madpluto·2023-04-10 16:31

Http长链接和Connection:keep-alive的解答

客户端的请求头带上Connection:keep-alive便是维持长链接。当然这个需要服务器的支持。该方式可以使一次TCP连接为同意用户的多次请求服务,提高了响应速度。

淘气的高老板·2023-04-10 11:52

推荐频道

keep-alive