视频直播源码，不同业务场景需选择不同方案去缓存数据
在开发视频直播源码时，针对不同业务场景，我们应该选择不同的方案去缓存数据。本文就针对最常见的存储方案和场景做一些分类和介绍一些在 Vue/React 中的高阶用法，助力前端开发体验和应用的稳定性。
前端缓存方案
确定不同场景缓存方案
1、针对业务枚举、标签类的，这类的信息往往都是字典数据，数据量不大并且更新不频繁，更新前后改动也不大，这类信息是可以存储到localStorage中的
2、使用应用期间产生的应用/配置数据：这个数据量不大的情况下就可以使用sessionStorage，否则应该考虑其他状态管理方案，比如pinia
3、单用户的基础信息这类信息一般情况是用户在登陆成功之后后端返回的信息，这类信息条目确定，也适合存储到localStorage
4、根据用户隔离的缓存数据：这个如果用localStorage就不符合我们说的数据条目必须可控原则，应该存储到indexedDB中
5、随业务活动增长的数据缓存：这个毋庸置疑应该选择使用indexedDB，localStorage迟早会爆
6、特殊场景的二进制、媒体数据：这个也应该选择使用indexedDB
规范
在视频直播源码中对于所有缓存的key都应该集中管理，数量多了之后要做分级管理，用枚举来管理，避免随处用随处起名的坏习惯。
我们可以单独把项目使用到的常量单独维护, 从一个出口暴露出去
├── src │ ├── modules │ │ ├── constant │ │ │ └── cache.ts // 缓存相关 │ │ │ └── index.ts // 出口
举个
标签：缓存,const,lfInstance,直播,localStorage,key,缓存数据,源码 From： https://www.cnblogs.com/yunbaomengnan/p/18132498