<keep-alive :include="keepAliveData"> <router-view v-if="isShowRouter" /> </keep-alive> 当我们不想每次使用路由跳转时都从新加载页面的时候，就可以使用 keep-alive 去设置，添加之前默认缓存所有页面，如果需 ...
分类：
其他好文 时间：
2020-05-11 13:04:12
阅读次数：
139
项目优化分几个点,一般图片我们用.svg后缀,还有使用base64的格式编码.这些都是减少图片的体积.减少http的请求.还有外部导入的包使用CDN的形式.还有路由的懒加载.还有用keep-alive标签去包裹失活组件. 1. 然后我们打包上线的时候去发现问题,再解决问题.比如说打包会发现,不允许出 ...
分类：
其他好文 时间：
2020-05-02 11:48:27
阅读次数：
85
window.fetch eventsource （服务端推送） pipe loading 加载条 树状数组 [LeetCode] 730 Vue 源码：响应式、模板编译、nextTick、keep-alive 项目-你画我猜 项目-UI组件库 ...
分类：
其他好文 时间：
2020-04-30 19:42:10
阅读次数：
65
项目需求：从项目列表页index，进入到列表的详情页detail，再从detail返回到index，需要缓存index的数据 在App.vue中的配置 <template> <div id="app"> <keep-alive> <router-view v-if="$route.meta.keep ...
分类：
其他好文 时间：
2020-04-30 17:43:26
阅读次数：
100
1、通过keep-alive和router-view实现路由缓存，具体代码如下：在app.vue： <router-view v-if="!$route.meta.keepAlive"/> <keep-alive> <router-view v-if="$route.meta.keepAlive"/ ...
分类：
其他好文 时间：
2020-04-23 18:50:16
阅读次数：
152
1. TCP队头阻塞 TCP数据包是有序传输，中间一个数据包丢失，会等待该数据包重传，造成后面的数据包的阻塞。 2. HTTP队头阻塞 http队头阻塞和TCP队头阻塞完全不是一回事。 http1.x采用长连接(Connection:keep-alive)，可以在一个TCP请求上，发送多个http请 ...
分类：
Web程序 时间：
2020-04-18 12:02:18
阅读次数：
241
<router-link :to='' class='active-class'> //路由声明式跳转 ，active-class是标签被点击时的样式 <router-view> //渲染路由的容器 <keep-alive> //缓存组件 ...
分类：
其他好文 时间：
2020-04-09 12:33:15
阅读次数：
897
在做电商有关的项目中，当我们第一次进入列表页需要请求一下数据，当我从列表页进入详情页，详情页不缓存也需要请求下数据，然后返回列表页，这时候我们使用keep-alive来缓存组件，防止二次渲染，这样会大大的节省性能。 keep-alive 是 Vue 内置的一个组件，可以使被包含的组件保留状态，避免重 ...
分类：
其他好文 时间：
2020-04-03 13:57:17
阅读次数：
248
Keep-Alive模式：我们知道Http协议采用“请求-应答”模式，当使用普通模式，即非Keep-Alive模式时，每个请求/应答，客户端和服务器都要新建一个连接，完成之后立即断开连接；当使用Keep-Alive模式时，Keep-Alive功能使客户端到服务器端的连接持续有效，当出现对服务器的后继 ...
分类：
Web程序 时间：
2020-04-01 14:42:17
阅读次数：
85
vue项目使用keep alive的作用 在vue项目中,难免会有列表页面或者搜索结果列表页面,点击某个结果之后,返回回来时,如果不对结果页面进行缓存,那么返回列表页面的时候会回到初始状态,但是我们想要的结果是返回时这个页面还是之前搜索的结果列表,这时候就需要用到vue的keep alive技术了. ...
分类：
其他好文 时间：
2020-03-27 00:33:02
阅读次数：
71
