有这么一个需求：列表页进入详情页后，切换回列表页，需要对列表页进行缓存，如果从首页进入列表页，就要重新加载列表页。对于这个需求，我的第一个想法就是使用keep-alive来缓存列表页，列表和详情页切换时，列表页会被缓存；

sessionStorage 属性允许你访问一个，对应当前源的 session Storage 对象。它与 localStorage 相似，不同之处在于 localStorage 里面存储的数据没有过期时间设置

keep-alive是vue中的内置组件，能在组件切换过程中将状态保留在内存中，防止重复渲染DOM，keep-alive 包裹动态组件时，会缓存不活动的组件实例，而不是销毁它们，keep-alive可以设置以下props属性：

前端面试的最后一道题往往是手写题，题目不限于基础 API 实现，算法题，场景应用题等。今天和大家分享一下之前我面试某大厂时遇到的一道手写题

在项目中你有优化过自己写过的代码吗？或者在你的项目中，你有用过哪些技巧优化你的代码，比如常用的函数防抖、节流，或者异步懒加载等。今天一起学习一下如何利用函数缓存优化你的业务项目代码。

想要实现前进更新后退销毁，核心在操作keep-alive的include。具体做法就是当进入新页面时将页面name保存，再次进入就将它之后的name删除。

作为前端开发，缓存是整天接触的概念，面试必问、工作中也频繁接触到，可能大家对缓存的 header 记的比较熟了，可是大家有没有思考过为什么 HTTP 的缓存控制要这么设计呢?

最近在项目开发中遇到一个需求：项目打包后，可以根据修改配置文件，进而动态替换页面上的文本。由于项目基本不涉及到后端，因此不考虑通过接口来修改。这就需要前端项目打包后需要暴露一个配置文件

在大公司，同一个域名下可能存在几十上百条业务线，每条业务线都可能因为各种理由往 localStorage 里塞东西，跨页面传数据啦、缓存啦、离线化啦、性能优化啦...，5M 看起来很多，其实很快就用完了。

浏览器提供的localStorage本地存储的最大空间是5M，如果不够用呢，这时候就需要考虑来给localStorage扩容。window.postMessage()方法，向【B域】发消息，应用window.frames[0].postMessage() 这样iframe内的【B域】才可以接到

浏览器缓存，有时候我们需要他，因为他可以提高网站性能和浏览器速度，提高网站性能。但是有时候我们又不得不清除缓存，因为缓存可能误事，出现一些错误的数据。

当vue使用keep-alive缓存页面状态时，当不同路由指向同一个组件，如何分别缓存页面状态的问题。vue缓存时如果发现组件相同，则会认定为同一个。

在本地开发的时候，经常会碰到缓存引起的莫名其妙的问题，最暴力的方式就是清掉浏览器的缓存，或者使用Ctrl + F5，Shift + F5强制刷新页面。 有时候按了好几下，缓存还是清不掉，只能暂时禁用浏览器静态资源缓存了

了解如何使用JavaScript中的Cache API缓存资源。Cache API允许服务工作者对要缓存的资源（HTML页面、CSS、JavaScript文件、图片、JSON等）进行控制。通过Cache API，服务工作者可以缓存资源以供脱机使用，并在以后检索它们。

ue工程中有些页面需要有缓存。这个功能通过keep-alive组件实现，keep-alive组件可以使被包含的组件保留状态，或避免重新渲染。