2021
03-30
03-30
vue移动端项目中如何实现页面缓存的示例代码
背景在移动端中，页面跳转之间的缓存是必备的一个需求。例如：首页=>列表页=>详情页。从首页进入列表页，列表页需要刷新，而从详情页返回列表页，列表页则需要保持页面缓存。对于首页，一般我们都会让其一直保持缓存的状态。对于详情页，不管从哪个入口进入，都会让其重新刷新。实现思路说到页面缓存，在vue中那就不得不提keep-alive组件了，keep-alive提供了路由缓存功能，本文主要基于它和vuex来实现应用里的页面跳转缓存。vuex...
继续阅读 >
业务需求打野在A页面野区进行一波骚操作打了一只蓝爸爸，然后点击导航栏跑到B页面的野区秀操作打了一只红爸爸，然后他又回到A野区，希望A野区还是只有一只蓝爸爸被打的状态，其他野没被偷第一步在路由里面设置需要缓存的页面第二步使用keep-alive属性包裹需要缓存的页面使用v-if判断，为true的是需要缓存的，false是不需要缓存的第三步在需要缓存的页面设置导航钩子，在A野区离开时将值设置为false保证离开当前野区不被偷第四步在...
虽然Vue的服务器端渲染(SSR)相当快速，但是由于需要为每次请求为了避免交叉请求状态污染，都创建一个新的根Vue实例，创建组件实例和虚拟DOM节点的开销，无法与纯基于字符串拼接的模板的性能相当。在SSR性能至关重要的情况下，明智地利用缓存策略，可以极大改善响应时间并减少服务器负载。同时还可以大大减少后端接口服务器的负载。在vueSSR指南中，缓存有两种，分为页面级缓存和组件级缓存。本次讲的是页面缓存，如果内...