Keep-Alive

keep-alive实现原理

一、概念：内置的抽象组件，自身不会渲染Dom元素，也不会出现在父组件链中。【abstract：true---判断当前组件虚拟dom是否渲染成真实dom的关键】。二、作用：缓存不活动的组件实例。三、场景：列表页面选择筛选条件过滤一份数据列表，再进入详情页面，再返回该列表页面、我们希望：表页面可以保留用户的筛选（或选中）状态。四、用法：1、在动态组件中的应用1.png2、在vue-router中的应用
小强流浪记·2023-02-03 20:32

Vue组件name的作用小结

exportdefault{name:'xxx'}当项目使用keep-alive时使用keep-alive进行组件缓存时，组件必须有自己的name，不然无效。
西瓜鱼仔·2023-02-03 12:24

前端面试题+答案（Vue篇）

9、谈谈你对keep-alive的了解？10、组件中data
卿本无忧·2023-02-03 10:45

解决微信文章图片防盗链问题

url=$request->input('url');$ch=curl_init();$httpheader=array('Host'=>'mmbiz.qpic.cn','Connection'=>'keep-alive
chaosii·2023-02-02 13:52

vue中如何使用keep-alive缓存组件

项目需求现在项目中有需要用户输入大量信息的页面，在最下面有一个查看协议的跳转链接。要求用户在输入完信息后去查看协议里面的内容，返回的时候之前输入的数据还在，避免用户重复输入数据。需求分析在看到这个需求之后，我的第一想法就是将用户之前输入的数据一一存起来，在查看完协议返回后，将之前的数据再放回去。可是这样操作实在太麻烦，每一项数据都要进行存储和读写，那有没有办法直接将我这个组件缓存起来呢？直到我看到
隔壁老樊啊·2023-02-02 04:19

Vue中keep-alive缓存使用，列表到详情应用

1.首先得清楚，在启用keep-alive时，会增加哪些生命周期函数。
leesession·2023-01-31 04:42

keep-alive 字段的作用

首先keep-alive是为了解决连接效率不高的问题，http1.0时代，http请求都是短连接的形式，也即是每次请求一个资源都需要和服务器建立连接+传输数据+断开连接，通常，建立连接和断开连接的时间就有可能超过传输数据的时间了
饥人谷_刘氏熏肉大饼·2023-01-30 18:53

vue中缓存组件数据方案

想要缓存VUE组件数据，首选是使用自带的keep-alive组件，使用了该组件后，被该组件包裹的组件数据都会被缓存，组件仅会在初始加载时触发一次mounted及其之前的所有生命周期，而之后则会在activated
银票大王·2023-01-30 09:01

keep-alive 相关面试题

1.keep-alive的生命周期当引入keep-alive的时候，页面第一次进入，钩子的触发顺序created->mounted->activated，退出时触发deactivated。
旧时袋·2023-01-30 08:11

vue的keep-alive中，使用include和exclude优先级

注意点1.使用include的时候，必须给所有路由管理起来的vue组件都设置name属性，不然，没有name属性的也会被缓存下来，这样就不好实现有条件的筛选2.使用exclude的时候，也必须给所有路由管理起来的vue组件都设置name属性，不然，没有name属性的组件也会被排除在外3.当同时使用include和exclude的时候，exclude的优先级会更高，include就不生效在这里插入图
丿Sorry丶·2023-01-30 00:35

随手记

Vue实例被keep-alive之后，即使跳转到其他页面，watch仍然生效。因此watch的范围最好仅限于该实例，如果监听状态管理中的数据，要注意watch可能带来的副作用。
科科Cole·2023-01-29 01:32

HTTP相关

导致页面数据请求慢有三个请求方法GET(一般是页面资源的请求,查询数据库请求)POST(数据的提交,操作数据库)HEAD(跟get请求一样,但是不返回实体)HTTP1.1持久化连接新增管道通信,增加headerconnect:keep-alive
芗芗_·2023-01-28 03:56

Vue中的keep-alive是什么意思？以及如何使用

一、keep-alive是什么？是vue内置的一个组件，能在组件的切换的过程中将状态保留在内存中，防止重复渲染DOM包裹动态组件的时候，会缓存不活动的组件实例，而不是销毁他们！
Ssssz·2023-01-27 15:20

NoHttpResponseException: xxx failed to respond 问题分析

xxxfailedtorespondfeign.RetryableException:xxx:80failedtorespondexecutingPOSThttp://xx复现方法google得知，这个只会在服务器端keep-alive
coderljx·2023-01-27 06:21

vue中的keep-alive

最近在优化项目的时候，突然看到keep-alive，就大概了解了下。
hsqin·2023-01-27 01:25

Java面试题合集：网络编程+数据库原理+多线程+Spring框架+Redis等

网络编程ISO模型与协议http1.0：需要使用keep-alive参数来告知服务器端要建立一个长连接http1.1：默认长连接。支持只发送header信息，可以用作权限请求。支持Host域。
知食份子.·2023-01-26 12:30

代码解读

$router.push({name:pageName})//命名路由跳转activated//生命周期钩子函数，//官方解读:类型function在被keep-alive缓存的组件激活时调用。
未来在奋斗·2023-01-26 10:27

vue不使用keep-alive下，实现多页签后台管理框架

但是试用了下，发现由于keep-alive本身只能针对组件名，通过include及exclude做条件缓存，无法针对url做缓存，导致明细页的窗口无法实现缓存，下面是之前找过的vue-element-admin
殿殿吃三碗公·2023-01-26 03:28

Vue 知识点总结（自检）

keep-alive是Vue内置的一个组件，可以使被包含的组件保留状态，或避免重新渲染。3,vue组件中如何获取dom元素?使用ref属性获取,在组件模板元素中添加ref属性,在js中用this.
☄·2023-01-23 08:07

org.apache.http.NoHttpResponseException: failed to respond-服务端响应异常

错误日志原因分析服务端keep-alive超时断开连接springresttemplate使用apachehttpclient4.4连接池。
融极·2023-01-13 15:14

组件的生命周期、vue2中使用axios、插槽

目录一、组件的生命周期1、什么是组件的生命周期2、生命周期函数3、生命周期的阶段划分4、钩子函数5、keep-alive组件6、生命周期函数：二、vue2中使用axios1、axios：是一个基于Promise
须臾不敢忘·2023-01-10 03:17

HTTP协议

HTTP状态码2XX（Success成功状态码）3XX（Redirection重定向状态码）4XX（ClientError客户端错误状态码）5XX（ServerError服务器错误状态码）三、长连接与keep-alive
南北封魏晋.·2023-01-03 13:41

前端二面vue面试题（边面边更）

modules=>模块化Vuex谈谈对keep-alive的了解keep-alive可以实现组件的
·2023-01-03 11:51

前端二面vue面试题（边面边更）

modules=>模块化Vuex谈谈对keep-alive的了解keep-alive可以实现组件的
·2023-01-03 10:12

滴滴前端一面高频vue面试题及答案

keep-alive使用场景和原理keep-alive是Vue内置的一个组件，可以实现组件缓存，当组件切换时不会对当前组件进行卸载。
·2023-01-03 10:11

如何做好一款管理后台框架

在这两年多的时间里，我陆续写了几篇我在开发这套框架中的一些心得和技术总结：2020年《我是如何设计后台框架里那些锦上添花的动画效果》2020年《一劳永逸，解决基于keep-alive的后台多级路由缓存问题
·2022-12-26 09:44

c# 微信支付API V3支付回调签名验证

参数说明一个支付回调的示例：Headers:[{"Key":"Connection","Value":["Keep-Alive"]
东边的小山·2022-12-25 05:38

keep-alive的使用场景跟原理分析(超详细讲解)

文章目录keep-alive的理解原理一、Keep-alive是什么二、使用场景三、原理分析四、思考题：缓存后如何获取数据beforeRouteEnteractivedactivedkeep-alive
itpeilibo·2022-12-22 00:48

前端必会面试题总结

http/https协议总结1.0协议缺陷:无法复用链接，完成即断开，重新慢启动和TCP3次握手headoflineblocking:线头阻塞，导致请求之间互相影响1.1改进:长连接(默认keep-alive
·2022-12-20 11:05

说说你对Vue的keep-alive的理解

什么是keep-alive在平常开发中，有部分组件没有必要多次初始化，这时，我们需要将组件进行持久化，使组件的状态维持不变，在下一次展示时，也不会进行重新初始化组件。
·2022-12-19 12:06

前端面试比较好的回答

介绍一下Connection:keep-alive什么是keep-alive我们知道HTTP协议采用“请求-应答”模式，当使用普通模式，即非KeepAlive模式时，每个请求/应答客户和服务器都要新建一个连接
·2022-12-19 11:51

vue返回上一页不刷新页面的方法 / vue缓存页面

解决方法：缓存上一页的页面，让其在已经存在的情况下，再次显示时不重新执行生命周期；使用技术：keep-alive（vue的内置组件）router路由配置router/index.jsconstroutes
虾十一·2022-12-17 01:44

Vue学习笔记07 vue-router 简单路由-多级路由-路由传参-路由守卫-路由懒加载

redirect配置路由传参路由的query参数路由命名name路由的params参数路由的props配置router-link的replace属性历史记录编程式路由导航脱离router-link缓存路由组件keep-alive
nuise_·2022-12-16 07:09

Vue3+Typescript笔记（十）组件化知识补充（动态组件，keep-alive，异步组件，生命周期）

coderwhyVue3+Ts笔记（十）组件化知识补充（动态组件，keep-alive，异步组件，生命周期）一.动态组件切换组件案例:比如我们现在想要实现了一个功能：点击一个tab-bar，切换不同的组件显示
coderYYY·2022-12-07 07:14

Vue--》动态组件和插槽的使用讲解

目录动态组件keep-alive使用keep-alive的include和exclude属性插槽动态组件动态组件指的是动态切换组件的显示与隐藏，vue提供了一个内置的组件，专门用来实现动态组件的渲染。
亦世凡华、·2022-12-07 07:01

nginx后端的服务很多TIME-WAIT

原因在HTTP1.1协议中，有个Connection头，Connection有两个值，close和keep-alive，这个头就相当于客户端告诉服务端，服务端你执行完成请求之后，是关闭连接还是保持连接，
weixin_34064653·2022-12-06 18:43

linux服务器time wait,Nginx后端服务大量TIME-WAIT的解决

原因在HTTP1.1协议中，有个Connection头，Connection有两个值，close和keep-alive，这个头就相当于客户端告诉服务端，服务端你执行完成请求之后，是关闭连接还是保持连接，
扶摇ggr·2022-12-06 18:43

前端之Vue：生命期钩子、组件、计算属性、全局局部组件、组件通信、ref属性、事件总线、动态组件和 keep-alive、插槽

目录一、生命周期图官网原图注解的图二、生命周期钩子函数测试代码三、组件3.1与后端交互的几种方式3.1.1ajax使用3.1.2fetch使用3.1.3axios使用3.2计算属性3.2.1通过计算属性实现名字首字母大写3.2.2通过计算属性重写过滤案例3.3虚拟dom与diff算法key的作用3.4组件化开发基础3.4.1组件化开发介绍3.4.2注册全局组件3.4.3注册局部组件3.5组件通信3
嗷range·2022-12-05 17:20

Vue框架 ---- 组件高级：ref、动态组件，插槽slot和自定义命令

$nextTick(cb)将cb延迟到DOM更新完动态组件keep-alive保持组件状态插槽slotslot的基本使用没有预留插槽，自定义内容丢弃后备内容【默认内容】---slot标签域内容具名插槽具名插槽插入内容
码农C风·2022-12-05 11:06

嘿，vue中keep-alive有个「大坑」你可能还不知道

背景背景是这样的，我们使用vue2开发一个在线客服使用的IM应用，基本布局是左边是访客列表，右边是访客对话，为了让对话加载更友好，我们将对话的路由使用缓存起来。但是如果将所有对话都缓存，未必会造成缓存过多卡顿的问题。自然，就使用上了提供的max属性，设置一个缓存对话内容组件上限，按照LRU算法，会销毁最旧访问的组件，保留最近使用的组件。本以为美好如期而至，直到上线后翻大车了，真实对话量大了，内存飙
·2022-11-30 12:41

嘿，vue中keep-alive有个「大坑」你可能还不知道

背景背景是这样的，我们使用vue2开发一个在线客服使用的IM应用，基本布局是左边是访客列表，右边是访客对话，为了让对话加载更友好，我们将对话的路由使用缓存起来。但是如果将所有对话都缓存，未必会造成缓存过多卡顿的问题。自然，就使用上了提供的max属性，设置一个缓存对话内容组件上限，按照LRU算法，会销毁最旧访问的组件，保留最近使用的组件。本以为美好如期而至，直到上线后翻大车了，真实对话量大了，内存飙
·2022-11-28 16:17

Vue路径传值 （$router.push({query:{})）

details",//目标路径query:{item,//要传的值}})}},}二、传值目标组件exportdefault{data(){return{item:''}},activated(){//例子中加了keep-alive
DaftJayee·2022-11-24 08:25

组件(data,props属性,自定义事件)--插槽分发(slot插槽,具名插槽,插槽作用域)--动态组件(使用方式,keep-alive,refs)--数据处理--生命周期--自定义命令--过滤器

目录三.组件五.data六.props属性七.props校验八.非props属性九.自定义事件四.插槽分发一.slot插槽二.具名插槽三.插槽作用域五.动态组件一.使用方式二.keep-alive三.refs
Cap绛琛tain·2022-11-16 07:01

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

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

vue页面详情页返回列表页_vue列表页进入详情页，返回列表项不刷新

功能像搜索功能，在点击某项进入详情页，再回到搜索界面，如果不做特殊处理，初始化到原来的状态，在vue中可以使用keep-alive缓存搜索界面，达到数据不刷新的结果。
Zam2019·2022-11-15 10:23

vue 实现详情页返回列表页保持原来页码

vue中有keep-alive是vue内置组件可以保留原状态避免重新渲染数据了1.在App.vue里面2.在需要缓存的路由上加上meta标志{path:'/busi-manage/sw/archive-file
小不着调°·2022-11-15 10:43

VUE----列表页跳转到列表详情页再返回到列表页, 页面不刷新保持原来的状态 && 跳转详情页路由缓存问题

VUE----列表页跳转到列表详情页再返回到列表页,页面不刷新保持原来的状态&&跳转详情页路由缓存问题第一步，在App.vue文件下加入keep-alive第二步在路由文件中：router/index.js
前端大白19·2022-11-15 10:08

vue-router中scrollBehavior的妙用--使用keep-alive标签后返回页面指定位置

constrouter=newRouter({scrollBehavior(to,from,savedPosition){//keep-alive返回缓存页面后记录浏览位置if(savedPosition
aliven1·2022-11-15 10:34

vue详情页跳转列表页时列表页不刷新，使用＜keep-alive＞

keep-alive生命周期执行顺序：不使用keep-alive的情况：beforeRouteEnter-->created-->mounted-->destroyed使用keep-alive的情况：beforeRouteEnter
ZMJ_QQ·2022-11-15 10:03

详情页返回列表页，列表状态缓存

参考地址：vuekeep-alive缓存不生效解决方案_娃哈哈_的博客-CSDN博客_keepalive不起作用原代码：引用原因分析：通过v-if来判断是否生成keep-alive，当列表页面A符合条件时
Annkeke·2022-11-15 09:27
上一页 10 11 12 13 14 15 16 17 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他