Vue3 除了 keep-alive,还有哪些页面缓存的实现方案
有这么一个需求:列表页进入详情页后,切换回列表页,需要对列表页进行缓存,如果从首页进入列表页,就要重新加载列表页。对于这个需求,我的第一个想法就是使用keep-alive来缓存列表页,列表和详情页切换时,列表页会被缓存;
阅读量: 1.3k标签: 缓存
面试官:你确定多窗口之间sessionStorage不能共享状态吗?
sessionStorage 属性允许你访问一个,对应当前源的 session Storage 对象。它与 localStorage 相似,不同之处在于 localStorage 里面存储的数据没有过期时间设置
阅读量: 479标签: 缓存
对keep-alive的理解是什么?
keep-alive是vue中的内置组件,能在组件切换过程中将状态保留在内存中,防止重复渲染DOM,keep-alive 包裹动态组件时,会缓存不活动的组件实例,而不是销毁它们,keep-alive可以设置以下props属性:
阅读量: 459标签: 缓存
如何基于 HTTP 缓存失效策略实现 Request 缓存?
前端面试的最后一道题往往是手写题,题目不限于基础 API 实现,算法题,场景应用题等。今天和大家分享一下之前我面试某大厂时遇到的一道手写题
阅读量: 618标签: 缓存
如何设计一个优雅的缓存函数
在项目中你有优化过自己写过的代码吗?或者在你的项目中,你有用过哪些技巧优化你的代码,比如常用的函数防抖、节流,或者异步懒加载等。今天一起学习一下如何利用函数缓存优化你的业务项目代码。
阅读量: 740标签: 缓存
vue3 keep-alive实现前进更新后退销毁
想要实现前进更新后退销毁,核心在操作keep-alive的include。具体做法就是当进入新页面时将页面name保存,再次进入就将它之后的name删除。
阅读量: 1.1k标签: 缓存
HTTP 的缓存为什么这么设计?
作为前端开发,缓存是整天接触的概念,面试必问、工作中也频繁接触到,可能大家对缓存的 header 记的比较熟了,可是大家有没有思考过为什么 HTTP 的缓存控制要这么设计呢?
阅读量: 547标签: 缓存
如何让浏览器不缓存文件
最近在项目开发中遇到一个需求:项目打包后,可以根据修改配置文件,进而动态替换页面上的文本。由于项目基本不涉及到后端,因此不考虑通过接口来修改。这就需要前端项目打包后需要暴露一个配置文件
阅读量: 733标签: 缓存
localStorage 存满了怎么办?
在大公司,同一个域名下可能存在几十上百条业务线,每条业务线都可能因为各种理由往 localStorage 里塞东西,跨页面传数据啦、缓存啦、离线化啦、性能优化啦...,5M 看起来很多,其实很快就用完了。
阅读量: 825标签: 缓存
localStorage扩容
浏览器提供的localStorage本地存储的最大空间是5M,如果不够用呢,这时候就需要考虑来给localStorage扩容。window.postMessage()方法,向【B域】发消息,应用window.frames[0].postMessage() 这样iframe内的【B域】才可以接到
阅读量: 959标签: 缓存
js清除缓存
浏览器缓存,有时候我们需要他,因为他可以提高网站性能和浏览器速度,提高网站性能。但是有时候我们又不得不清除缓存,因为缓存可能误事,出现一些错误的数据。
阅读量: 1.3k标签: 缓存
解决vue,keep-alive不同路由同一个组件的缓存问题
当vue使用keep-alive缓存页面状态时,当不同路由指向同一个组件,如何分别缓存页面状态的问题。vue缓存时如果发现组件相同,则会认定为同一个。
阅读量: 3.9k标签: 缓存
Nginx禁止html等缓存
在本地开发的时候,经常会碰到缓存引起的莫名其妙的问题,最暴力的方式就是清掉浏览器的缓存,或者使用Ctrl + F5,Shift + F5强制刷新页面。 有时候按了好几下,缓存还是清不掉,只能暂时禁用浏览器静态资源缓存了
阅读量: 4.5k标签: 缓存
JavaScript中的缓存API
了解如何使用JavaScript中的Cache API缓存资源。Cache API允许服务工作者对要缓存的资源(HTML页面、CSS、JavaScript文件、图片、JSON等)进行控制。通过Cache API,服务工作者可以缓存资源以供脱机使用,并在以后检索它们。
阅读量: 1.6k标签: 缓存
keep-Alive搭配vue-router实现缓存页面效果
ue工程中有些页面需要有缓存。这个功能通过keep-alive组件实现,keep-alive组件可以使被包含的组件保留状态,或避免重新渲染。
阅读量: 2.2k标签: 缓存