E-COM-NET
首页
在线工具
Layui镜像站
SUI文档
联系我们
推荐频道
Java
PHP
C++
C
C#
Python
Ruby
go语言
Scala
Servlet
Vue
MySQL
NoSQL
Redis
CSS
Oracle
SQL Server
DB2
HBase
Http
HTML5
Spring
Ajax
Jquery
JavaScript
Json
XML
NodeJs
mybatis
Hibernate
算法
设计模式
shell
数据结构
大数据
JS
消息中间件
正则表达式
Tomcat
SQL
Nginx
Shiro
Maven
Linux
Keep-alive
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
linux
运维
服务器
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
前端
vue.js
javascript
前端
详解 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
Nginx
运维开发
nginx
运维
4.15 TCP Keepalive 和 HTTP
Keep-Alive
是一个东西吗?
目录HTTP的Keep-AliveTCP的Keepalive总结:HTTP的
Keep-Alive
,是应用层(用户态)实现的,称为HTTP长连接;TCP的Keepalive,是由TCP层(内核态)实现的,
陈岂几真幸运
·
2023-08-26 19:31
小林
计算机网络
tcp/ip
http
网络
Vue中使用keep alive做缓存,组件中含多个iframe每次加载如何做到缓存问题
问题场景:1.一个公共组件包含多个iframe嵌套页面,希望是每次激活的iframe页面能做到缓存内容;2.这个公共组件注册共享一个路由;原先解决思路:使用
keep-alive
标签做缓存,结果公共组件是缓存了
**之火
·
2023-08-26 08:05
javaScript
其他
javascript
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
webpack
运维
移动开发
ViewUI
前端常见面试题-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
vue
vue.js
前端
javascript
关于
keep-alive
的几点疑惑
一、http的
keep-alive
与tcp的keep-alivehttpkeep-alive:在一次tcp连接中可以连续发送多次数据,即可以保持一段时间的tcp连接,在这个保持的通道上有多个request
sssammmm
·
2023-08-23 19:08
http
http
计算机网络面经八股文
/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
Vue
vue.js
前端
javascript
vue3优点和缺点?
性能方面的优化1、路由懒加载2、
keep-alive
缓存页面3、使用v-show复用DOM4、v-for遍历避免同时使用v-if5、长列表性能优化6、事件的销毁7、图片懒加载8、第三方插件按需引入9、无状态的组件标记为函数式组件
冰海恋雨.
·
2023-08-21 20:29
vue.js
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
缓存
使用 Vue 的
keep-alive
组件提升性能
什么是
keep-alive
?
keep-alive
是Vue的内置组件,它可以缓存不活动的组件实例,而不是销毁它们。当
keep-alive
包裹动态组件时,它会将切换出去的组件保留在内存中。
爱跑步的程序员~
·
2023-08-20 05:02
前端
vue
vue.js
前端
javascript
Vue 2 动态组件和异步组件
动态组件与
keep-alive
我们知道动态组件使用is属性和component标签结合来切换不同组件。
影麟
·
2023-08-19 19:29
前端
vue
2
动态组件
异步组件
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
vue
VUE项目中的优化
路由的懒加载axios做全局的处理用
keep-alive
做数据的缓存处理源码优化v-if和v-show选择调用v-show和v-if的区别是:v-if是懒加载,当状态为true时才会加载,并且为false
HMYSpaceWork
·
2023-08-17 20:58
【Vue2】动态组件的使用-切换组件和
keep-alive
,以及异步组件
目录想实现切换不同列表展示不同数据方法一方法二,动态组件动态组件的父组件如何传的值动态组件的子组件如何接受传的值认识
keep-alive
缓存组件的生命周期异步组件,单独打包,实现webpack分包,如何对组件进行单独打包
博主花神
·
2023-08-17 02:55
【Vue2】专栏
vue.js
前端
使用
keep-alive
保持某个页面返回不刷新的功能
1,我们想要某个分页列表点击某条数据后,点击浏览器的返回,能返回到之前页码的列表,那么就在分页的那个页面的路径上添加:meta属性。如:2.在app.vue中配置
王老鸭的古古事
·
2023-08-17 01:46
vue中的activated和deactivated
目录一、简介二、使用一、简介当页面被
keep-alive
缓存下来的时候,vue提供两个钩子函数activated被
keep-alive
缓存的组件激活时调用。
蓝朽
·
2023-08-16 22:21
Vue
vue.js
前端
javascript
完美解决vue3
keep-alive
多个路由使用同一个组件的缓存问题
之前页面少的话用keep-live结合router-view,使用keep-live的include属性就可以自己决定keep-live缓存那些组件不缓存那些组件,直到遇到个问题。平时写的代码如下:其中visitedViewPaths表示的是一个放Componentname的数组,可以去看文档https://cn.vuejs.org/guide/built-ins/keep-alive.html#
哟,利齿脂鲤
·
2023-08-16 09:36
前端
vue
缓存
javascript
前端
服务端与网络相关知识
1.http/https协议1.0协议缺陷:⽆法复⽤链接,完成即断开,重新慢启动和TCP3次握⼿headoflineblocking:线头阻塞,导致请求之间互相影响1.1改进:⻓连接(默认
keep-alive
paterWang
·
2023-08-16 08:41
前端
面试
网络
【Python】使用request发送http请求
Accept-Language":"zh-CN,zh;q=0.9","Accept-Encoding":"gzip,deflate,br","Cache-Control":"max-age=0","Connection":"
keep-alive
CrazyCoder1992
·
2023-08-16 00:11
Python
完美解决vue3
keep-alive
多个路由使用同一个组件的缓存问题
之前页面少的话用keep-live结合router-view,使用keep-live的include属性就可以自己决定keep-live缓存那些组件不缓存那些组件,直到遇到个问题。平时写的代码如下: 其中visitedViewPaths表示的是一个放Componentname的数组,可以去看文档https://cn.vuejs.org/
·
2023-08-15 16:59
zabbix监控nginx、mysql、java应用,满满的骚操作
serveracceptshandledrequests—总共处理了1个连接,成功创建1次握手,总共处理了1个请求;reading—读取客户端的连接数;writing—响应数据到客户端的数量waiting—开启
keep-alive
m0_65322636
·
2023-08-14 11:18
程序员
面试
java
后端
keep-alive
的使用
使用vue3.0搭建项目,自由的两个组件,Home和about在之前常见的写法中,使用
keep-alive
会被缓存?
wen's
·
2023-08-12 10:12
vue
前端
webview
vue.js
html
$nextTick、动态组件
keep-alive
、Vue实现Tab切换
一、Vue3.x中组件的生命周期函数lifecycle.pngbeforeCreate:在实例初始化之后,数据观测(dataobserver)和event/watcher事件配置之前被调用。created:在实例创建完成后被立即调用。在这一步,实例已完成以下的配置:数据观测(dataobserver),property和方法的运算,watch/event事件回调。然而,挂载阶段还没开始,$elpr
我爱张智容
·
2023-08-12 06:17
element-ui table 列渲染错乱
(例如:页面组件是缓存的
keep-alive
,首次渲染表格没问题。但是切换到其他组件再切换回来时,表格列就会出现错乱。)解决方法:每一列添加唯一key属性
小志哥斯拉
·
2023-08-11 09:59
Vue
ui
vue.js
javascript
前端优化
一)内容层面1、DNS解析优化(DNS缓存、减少DNS查找、
keep-alive
、适当的主机域名)2、避免重定向(/还是需要的)使用ajax当请求成功的时候需要重定向到另一个页面3、切分到多个域名页面类
会敲代码的程序员
·
2023-08-11 03:12
【Vue3】
keep-alive
缓存组件
因此
keep-alive
标签里面有且只有一个子节点(或者说只能渲染一个
谢尔登
·
2023-08-10 23:49
Vue
缓存
vue.js
前端框架
vue 3.0
keep-alive
失效 报错 Cannot read properties of null (reading ‘parentNode‘)
版本:vue“3.2.4”vue-loader“16.4.1”vue-router“4.0.11”...报错解决方法://添加include属性解决了失效问题....*可能是新版本的问题,也有可能是文档上有提示我没看到,先记录一下,晚点看看原理
蜡笔小嘟
·
2023-08-10 14:52
vue
vue.js
javascript
前端
2021-07-16
keep-alive
使用指南需要使用的页面在路由文件里的mate标里加上keepAliveh和oldKeepAlive两个值;如下://流水线{path:"/overview/tenant_manage
一人创客
·
2023-08-10 03:20
Nginx网站服务
稳定)系统资源消耗低,(对处理http请求的并发能力很高,单台物理服务器可支持30000~50000个并发请求)一般在企业中为了保持服务器稳定,并发量一般在20000个左右,占用内存大概在2M左右,加上
keep-alive
微※风
·
2023-08-08 03:41
nginx
运维
Nginx 网站服务
占用内存2M左右;
keep-alive
则占用内存在3M左右Nginx主要功能静态文件服务:nginx可以直接提供静态文件的服务,如HTML,CSS
Gsning
·
2023-08-07 20:03
nginx
服务器
前端
vue中使用
keep-alive
页面滚动条缓存问题
vue中为避免资源的重复请求,一般都会加上
keep-alive
来对数据进行缓存处理。
keep-alive
官方传送门。
橙色流年
·
2023-08-07 05:40
vue
keep-alive
缓存 不生效解决方案
一、作用vue【缓存】方案,保留组件状态或避免重新渲染,能够缓存当前页面的所有数据二、用法与**【动态组件】**一起使用:(会缓存不活动的组件实例,而不是销毁它们)与**【vue-router】**一起用:三、设置缓存条件【include】和【exclude】(2.1.0新增)逗号分隔字符串:正则表达式(使用v-bind):数组(使用v-bind):【max】(2.5.0新增)数字。最多可以缓存多
Porsche_Apo
·
2023-08-07 00:18
vue组件
keep-alive
关注我的个人博客:https://pinbolei.cn,获取更多内容
keep-alive
适用于动态组件中,当在组件之间切换的时候,你有时会想保持这些组件的状态,以避免反复重渲染导致的性能问题。
pinbolei
·
2023-08-05 06:06
nginx
稳定性高(没有apache稳)系统资源消耗较低(处理http请求的并发能力很高单台服务器可以处理3-5万)也追求稳定:一般在企业中,为了保持服务器稳定,并发量的设置在2万个左右,占用内存2M左右,加上
keep-alive
dkvhr
·
2023-08-05 03:01
nginx
运维
keep-alive
组件的作用与原理
什么是
keep-alive
“
keep-alive
”是Vue.js中的一个特殊组件,用于缓存组件的状态,以提高应用性能。
heiyay
·
2023-08-05 02:46
Vue
Keep-alive
缓存组件
解决 vue 多层级路由 缓存失效 解决基于
keep-alive
的多级路由缓存问题 vue
keep-alive
缓存失效 vue-element-admin多层级路由 缓存失效
路由菜单超过三级缓存失效用过vue-element-admin的朋友一定很清楚,路由的配置直接关系侧边栏导航菜单的展示,也得益于这种设计思路,几乎大部分后台框架都采用这个方案但这个方案有个明显的问题,就是为了实现多级侧边栏导航菜单,则需要将路由配置成多级嵌套的形式,一旦超过两级,达到三级甚至更多级,就需要增加一个空布局页面(Empty.vue)用来给component使用,仅仅是为了生成层级菜单。
程序媛一枚嗯
·
2023-08-05 01:20
vue.js
缓存
javascript
上一页
4
5
6
7
8
9
10
11
下一页
按字母分类:
A
B
C
D
E
F
G
H
I
J
K
L
M
N
O
P
Q
R
S
T
U
V
W
X
Y
Z
其他