Keep-Alive 第18页

vue实现页面缓存功能

本文实例为大家分享了vue实现页面缓存功能的具体代码，供大家参考，具体内容如下主要利用keep-alive实现从列表页跳转到详情页，然后点击返回时，页面缓存不用重新请求资源。

·2021-10-28 19:04

缓存操作与组件路由

缓存操作与组件路由Keep-alive缓存在web服务请求当中，有部分数据属于频繁被查询，比如，用户信息，logo信息。将这些数据存储到一个方便查询，或者直接获取的位置上，来减轻服务器查询压力。

爱敲代码的狼仔·2021-10-26 19:38

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

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

Vue的keep-alive 实现滑动定位缓存

Situation首先该项目是一个h5项目，有一个滑动列表页，当我滑动点击列表项，会进入到详情页，当我退出的时候，我希望还能定位到我刚刚点进来的位置。Task我们的目的是定位滑动位置。在返回的时候应该回到刚刚的滑动位置。所以我们有两个关键点，第一个是怎么定位滑动位置，第二是返回的时候怎么回到滑动位置。滑动位置的话我们可以获取到滑动容器的scrollTop值，然后返回的时候设置滑动容器的scroll

·2021-10-11 21:54

vue前端开发keepAlive使用详解

目录前言keep-avlive钩子函数keep-avlive缓存哪些组件小结及注意事项前言keep-alive是Vue的内置组件，当它包裹动态组件时，会缓存不活动的组件实例，而不是销毁它们。

·2021-10-09 19:20

HTTP各版本的特点（1.0/1.1/2.0/3.0）

长连接新增Connection:keep-alive保持长连接。管道化支持管道化请求，请求可以并行传输，但响应顺序应与请求顺序相

火星飞鸟·2021-09-23 09:49

HTTP的长链接和短链接以及HTTP1.0、HTTP1.1、HTTP2.0

要使用长连接，客户端和服务器的HTTP首部的Connection都要设置为keep-alive，才能支持长连接。

森明帮大于黑虎帮·2021-09-21 21:15

alive快速实现页面缓存的方法

这时候就可以用到keep-alive组件。触发created钩子，星池starpool用户体验不好。

·2021-09-14 11:47

vue之keepAlive使用案例详解

在开发中经常有从列表跳到详情页，然后返回详情页的时候需要缓存列表页的状态（比如滚动位置信息），这个时候就需要保存状态，要缓存状态；vue里提供了keep-alive组件用来缓存状态。

·2021-09-08 17:08

vue面试题总结

keep-alive组件有什么作用?

喜喜喜喜喜·2021-08-19 09:24

Vue深入学习6—keep-alive组件

keep-alive.png1、keep-alive是什么？keep-alive是Vue内置的一个组件，可以使被包含的组件保留状态，避免被重新渲染！

魁首·2021-08-14 14:14

vue使用keep-alive后清除缓存的方法

什么是keepalive?在平常开发中，有部分组件没有必要多次初始化，这时，我们需要将组件进行持久化，使组件的状态维持不变，在下一次展示时，也不会进行重新初始化组件。也就是说，keepalive是Vue内置的一个组件，可以使被包含的组件保留状态，或避免重新渲染。也就是所谓的组件缓存基本用法//你的组件需求：从列表页进入详情页，再返回列表页时保留查询条件，但在切换其他tab时，清空查询条件。解决：保

·2021-08-09 17:01

图文详解keep-alive如何清除缓存

目录开篇场景使用v-for直接渲染直接用自定义组件渲染keep-alve强大的缓存存在的问题总结开篇场景我的项目是前后端没有分离的，技术栈是layui+vue+jq,vue是我后面引入的，为了能够更好的组件化，将页面组件化，减少代码重复量，因为jq的页面需要经常获取dom元素，导致页面非常的冗余，jq的页面也不好做组件化，将页面的功能抽离封装，所以我引入了vue，最近需要是实现一个需求，就是多页面

·2021-08-09 15:29

Vue面试考点准备02

10.谈谈你对keep-alive的理解是什么？keep-alive是Vue提供的一个抽象组件，用来对组件进行缓存，当组件切换时不会进行销毁，从而节省性能。

团子哒哒·2021-08-06 11:35

vue中keepAlive组件的作用和使用方法详解

前言在面试的时候，很多面试官再问vue的时候可能就会提一嘴，你知道keep-alive有什么作用吗？

·2021-07-30 14:45

Vue项目实战---外卖app笔记

指定依赖开发环境运行生产环境打包与发布3.搭建项目整体界面结构stylus的理解和使用结构化,变量,函数/minxin(混合)vue-router的理解和使用router-view/router-link/keep-alive

WEXIA666·2021-07-28 09:48

缓存组件keep-alive

后台管理项目中，会遇到从列表点进去查看详情，然后再返回列表页面就会自动刷新。比如，从列表第10页的某一条点击进入详情页，然后从详情页返回列表，页面自动刷新数据又从第一页开始。。。哈哈哈，难受不？？？我用的element的分页组件，以前的做法是把当前页码存在localStorage或者sessionStorage中，返回列表页，就把本地存储中的页码拿出来重新赋值给分页等一系列操作。推荐使用vue的缓

TurnHug·2021-06-28 15:19

(二)Requests

Keep-alive和HTTP连接池的功能是100%自动化的，一切动力都来自于根植在Requests内部的u

__method__·2021-06-25 04:39

WebSocket 原理

首先HTTP有1.1和1.0之说，也就是所谓的keep-alive，把多个HTTP请求合并为一个，但是Websocket其实是一个新协议，跟HTTP协

jonychen1·2021-06-24 11:04

keep-alive在vue-router中的使用

keep-alive简介相较于复杂的全局状态管理，Vue在2.x版本中将keep-alive这一组件属性扩展成了内置的抽象组件,它自身不会渲染一个DOM元素，也不会出现在父组件链中。当组件在内被切

子谦Sumer·2021-06-24 11:51

Python 爬虫实战（一）：使用 requests 和 BeautifulSoup

requestsrequests，PythonHTTP请求库，相当于Android的Retrofit，它的功能包括Keep-Alive和连接池、Cookie持久化、内容自动解压、HTTP代理、SSL认证

吴小龙同學·2021-06-23 05:46

详解Vue的钩子函数(路由导航守卫、keep-alive、生命周期钩子)

前言说到Vue的钩子函数，可能很多人只停留在一些很简单常用的钩子(created,mounted)，而且对于里面的区别，什么时候该用什么钩子，并没有仔细的去研究过，且Vue的生命周期在面试中也算是比较高频的考点，那么该如何回答这类问题，让人有眼前一亮的感觉呢...Vue-Router导航守卫：有的时候，我们需要通过路由来进行一些操作，比如最常见的登录权限验证，当用户满足条件时，才让其进入导航，否则

胡杨林_3b8d·2021-06-22 21:58

vue中keepAlive的使用

keepAlive的基础知识点在动态组件上使用keep-alive如果希望那些标签的组件实例能够被在它们第一次被创建的时候缓存下来。为了解决这个问题，我们可以用一个元素将其动态组件包裹起来。

春秋若北·2021-06-22 18:02

vue keep-alive实现动态缓存以及缓存销毁

需求来源及描述后台管理系统中，左侧为功能菜单栏，点击菜单列表，右侧显示该菜单的功能页面，本来是一个非常简单的后台管理系统布局，现在增加了tabs菜单按钮；点击左侧菜单栏时，右侧页面头部header显示当前的页面标题，形成一个tabs列表，点击可切换页面内容和关闭tabs；需求要求，点击左侧时，右侧显示页面内容，同时右侧header增加该页面的tabs，点击tabs可以切换页面，但页面内容不刷新，点

灬小丑·2021-06-22 18:02

Nginx 介绍及编译安装

Nginx功能介绍基础特性特性：模块化设计，较好的扩展性高可靠性支持热部署：不停机更新配置文件，升级版本，更换日志文件低内存消耗：10000个keep-alive连接模式下的非活动连接，仅需2.5M内存

Alexander_Zz·2021-06-22 16:58

Vue路由开启keep-alive时的注意点

HTML部分：include:字符串或正则表达式。只有匹配的组件会被缓存。exclude:字符串或正则表达式。任何匹配的组件都不会被缓存。值为组件的namejs部分.....created:function(){console.log(1)},mounted:function(){console.log(2)},activated:function(){console.log(3)},deacti

唯轩_443e·2021-06-22 12:33

vue列表页跳转到列表详情页再返回到列表页, 页面不刷新保持原来的状态

第一步，在App.vue文件下加入keep-alive刚开始我也是看的网上但是大多数是这样的一开始我也是按照这样来的后面发现从列表页跳转到列表详情页的时候再返回第一次是没问题的，但是你点击其他列表跳到详情页的时候

输给时间·2021-06-22 02:32

python爬虫使用代理ip或请求头的问题

headers={'User-Agent':'Mozilla/5.0(WindowsNT6.1;WOW64;rv:30.0)Gecko/20100101Firefox/30.0','Connection':'keep-alive

LittleTrue·2021-06-21 16:06

vue中的keep-alive的用法详细讲解

问题描述（什么是keep-alive）keep-alive顾名思义，保持活跃。保持谁活跃呢？首先我们知道，因为vue就是组件化编程，一个.vue文件就是一个组件。

·2021-06-19 18:42

Vue源码探究-组件的持久活跃

Vue源码探究-组件的持久活跃*本篇代码位于vue/src/core/components/keep-alive.js较新版本的Vue增加了一个内置组件keep-alive，用于存储组件状态，即便失活也能保持现有状态不变

喜欢唱歌的小狮子·2021-06-19 11:54

vue keep-alive以及activated,deactivated生命周期的用法

vue官网的描述：包裹动态组件时，会缓存不活动的组件实例，而不是销毁它们。和相似，是一个抽象组件：它自身不会渲染一个DOM元素，也不会出现在父组件链中。当组件在内被切换，它的activated和deactivated这两个生命周期钩子函数将会被对应执行。通过描述我们知道，它会缓存不活动的组件，而不是销毁。这样组件之间的切换就能保存上个组件的状态，而不是切换之后又得重新操作。先定义两个组件a组件.p

酸辣土豆丝g·2021-06-18 23:57

HTTP/1.1协议知识小结

并且1.1版本默认开启Keep-Alive，这样建立的TCP连接可以在多次请求中复用。还要明白HTTP是无状态有会话的，使用Cookies可以创建有状态的会话。

StarDustMrsu·2021-06-13 12:54

Vue优化9法

总结2019年3月vue开发大会CuillaumeChau发表的Vue性能优化9法其中包括：函数型组件子组件拆分局部变量或用v-show减少v-if使用keep-alive活用延迟加载(Defer)分批处理

瑞破破·2021-06-12 17:22

Wedsocket协议扫盲式学习

知乎上一条高赞回答清晰直白的介绍了websocket和http的区别以及原理，下面提炼出重点：Http协议本身有1.0和1.1（1.0中HTTP的生命周期是每一个Request一个Response；1.1改进有了一个keep-alive

黄宝玲_1003·2021-06-11 15:10

vue 使用vue-navigation解决路由缓存-前进刷新后退不刷新，附加切换动画，位置存储方案

(哼在历经keep-alive路由控制vuex存储等等一系列方法(麻烦，麻烦，本着懒一点的心态继续寻找更优的解决方案在各个大佬的帖子里去了同性交友网找到了vue-navigation！！超简单使用！

Marke同学·2021-06-11 03:07

webrtc P2P之stun协议介绍

和STUN/RFC3489类似，可以被终端用来发现其公网IP和端口，同时可以检测端点间的连接性，也可以作为一种保活（keep-alive）协议来维持NAT的绑定。和RFC3489最大的不同点在于，

技术人生666·2021-06-08 03:09

LRU算法在Vue内置组件keep-alive中的使用

vue的keep-alive内置组件的使用也是使用了改算法，源码如下：exportdefault{name:"keep-alive",//抽象组件属性,它在组件实例建立父子关系的时候会被忽略,发生在initLifecycle

·2021-06-07 17:37

vue中使用keepAlive及使用后生命周期的改变

使用keepAlive缓存页面，一可以减少服务器请求次数，二则可以在用户返回上一页后记忆到上次浏览位置（ios端微信浏览器不适用，不兼容，需要另行配置：见例子(1)）keep-alive的介绍如下：1，

为光pig·2021-06-05 04:47

Web 性能优化

连接复用开启keep-alive可以使得连接复用。开启HTTP/2.0可以使得多路复用，从而提高TCP连接效率。发送HTTP请求时减少cookie体积，不要滥用cookie。

小白兔养家·2021-06-04 17:57

vue实现tab切换的3种方式及切换保持数据状态

知识点主要是vue中is的特性，和keep-alive缓存三、路由切换。（对地址栏和数据请求友好）通过router-link实现。vuetab切换保持数据状态页面做tab切

·2021-06-04 14:32

面试官都不知道的Vue题目答案

“谈谈你对keep-alive的了解？”“了解Vue2

Vicky丶Amor·2021-06-04 08:52

应用层协议Http(三) Connection属性

所以http1.1及以后版本中提供一个connection属性提供长连接Connection：Keep-Alive表示希望重用一个socketURL类透明的支持HTTPKeep-Alive

LemonCandy·2021-06-04 08:42

020.Axios与Vue中的几个问题

【keep-alive】的作用是什么?06.Vue.use是什么？07.如何在Vue实例上挂载一个属性/方法？08.SPA单⻚⾯的优缺点是什么？

Ruovan·2021-06-03 22:14

VUE学习：vue基础23————组件：组件的状态保持

提示：本文为VUE栏目：VUE学习：vue基础23————组件：组件的状态保持VUE学习：vue基础23————组件：组件的状态保持前言组件组件的状态保持直接切换两个标签直接使用component组件时keep-alive

北凉冬·2021-05-31 11:36

HTTP、HTTP2和 HTTPS

信息是明文传输，存在安全问题默认使用80端口连接模式非持续的连接是服务器必须为每一个请求的对象建立和维护一个全新的连接，HTTP/1.0以前使用的非持续的连接，但是可以在请求时，加上Connection:keep-alive

my木子·2021-05-26 07:01

vue2.0之keep-alive用法

1、使用场景项目中vue-router跳转的时候，很多时候有些页面需要被缓存,特别是一些需要初始化数据的组件参考：http://www.cnblogs.com/zion0707/p/6213159.html2、使用方法：首先在入口页面进行全部缓存标签即：解决有些不需要被缓存的组件页面设置activated即可以再次进行事件的响应官网api

叮小翠·2021-05-18 15:26

2019-07-08

所以一个完整的爬虫一般会包含如下三个模块：网络请求模块爬取流程控制模块内容分析提取模块网络请求我们常说爬虫其实就是一堆的http(s)请求，找到待爬取的链接，然后发送一个请求包，得到一个返回包，当然，也有HTTP长连接(keep-alive

钟文晶·2021-05-17 19:49

推荐频道

Keep-Alive