面试必考keepalived的功能，脚本也能实现keepalive，主要是有VRRP基于IP（第3层网络层）,port（第4层传输层），应用层（第7层），保证服务正常运行master会定时给bakcup发广播包，不发了backup就认为master挂了，重新选举,这个只能检查本机，重启本机，要配合LVS... ...

这个不是业务的要求，但是看到每次进入页面就重新渲染DOM然后再获取数据更新DOM，觉得作为一个前端工程师有必要优化下的加载逻辑，正好vue提供了keep-alive的功能，所以就试用了下。当然，干任何事儿都不会一帆风顺的，在路上的磕磕碰碰在所难免，故在此记录下遇到的问题，希望看到这篇文章的人能有所帮助。... ...

下面看下通过vue提供的keep-alive减少对服务器的请求次数VUE2.0中提供了一个keep-alive方法，可以用来缓存组件，避免多次加载相应的组件，减少性能的消耗。比如， 一个页面的数据包括图片、文字等用户都已经加载完了，然后用户通过点击跳转到了另外一个界面。然后从另外一个界面通过返回又回到... ...

使用vue单页开发项目时遇到一个很恶心的问题：在列表页点击一条数据进入详情页，按返回键返回列表页时页面刷新了，用户体验非常差啊！！！查阅了一下相关问题，使用<keep-alive>解决这个问题，下面是我的使用心得。<keep-alive>是Vue的内置组件，能在组件切换过程中将... ...

Vue-Router懒加载1、箭头函数+importconstList=()=>import('@/components/list.vue')constrouter=newVueRouter({routes:[{path:'/list',component:L... ...

一、在app.vue里<keep-alive><router-view></router-view></keep-alive>但是这种情况会对所有的组件进行缓存，不能达到单个组件缓存的效果。那么我们给部分组件加上，实现方法如下：在app.vue<... ...

keep alive实现前进更新后退销毁想要实现前进更新后退销毁，核心在操作keep-alive的include。具体做法就是当进入新页面时将页面name保存，再次进入就将它之后的name删除。具体实现思路：正常情况下页面是线性前进的：A->B->C->Dinclude数组数据[A,B... ...

希望大家仔细阅读，能够学有所成！公共代码路由（router/index.js）importVuefrom'vue'importVueRouterfrom'vue-router'importParentfrom'../components/Parent'Vue.use(VueRouter... ...