前端的数据持久化有四种方式：Cookie，Storage，IndexedDB和FileAPI；而关于IndexedDB的介绍和文章也并不多，深入研究之后顺手做了个笔记，帮助大家能在15分钟内了解掌握。

这是我参与8月更文挑战的第12天，活动详情查看：8月更文挑战 前言 先说一下背景吧。这两天在封装一些底层的基础库，其中有一个封装就是“通用前端 storage 方法的封装”，需要封装操作 cookie

前端为什么要进行数据存储？随着浏览器的功能不断增强，越来越多的网站开始考虑，将大量数据 储存在客户端，在浏览器端存储数据对我们是很有用，这相当于赋予浏览器记忆的功能，可以记录用户的所有状态。

在人们的印象中，可能觉得只有做后端的小伙伴才会接触到数据库。其实在前端的领域里面也有数据库，只是可能用的比较少，因为前端存储方案有很多，比如cookie、sessionstorage等等。

强缓存：在请求头规定的max-age和expirse过期之前直接读取本地缓存的资源，如果已经过期则调用协商缓存 协商缓存：是缓存过期，刷新缓存时间或者文件更新，返回新文件的缓存阶段

讲解面试常见的flex:1和flex:auto的区别。其实这两个属性的差异藏在细节里，今天我们就从 “原理拆解→场景对比→误区避坑” 三个维度，彻底搞懂它们的区别，让你在项目中不再凭感觉写代码。

面试官： “说说看，用户登录后拿到的 Token，前端应该怎么存？” 这个问题看似简单，却能清晰地分辨出一个前端开发者对安全的理解深度。是存到 localStorage？sessionS

之前分享了大文件上传的前端实现后，但是还有很多细节没有说明，隔了这么久又来考古一下Orz. 在日常开发中，大文件上传是个绕不开的坎——动辄几百 MB 甚至 GB 级的文件，直接上传不仅容易超时，还会让

经过一上午反复打磨，我完成了基于Axios的HTTP客户端封装。它实现统一错误处理、请求取消、自动重试等功能，支持TypeScript与多实例管理，解决了诸多开发痛点。