Javascript 本地存储的最佳方法是什么

我想知道哪种方法更适合以下场景：

我有100种产品类型<代码>（例如连衣裙、裤子），每种都有>100个品牌，我有一个服务api，有两个端点

end pt1 : if i call this i will get all product types and all corresponding brands.

end pt2: if i call this i will get all brands for a single product type.

我的做法是,

调用endpt1并将此信息存储在本地存储器中，如果 从一个产品页面移动到另一个产品页面，您无需再次调用api 获取此产品类型的所有品牌

但有人建议,

如果你登陆任何产品页面，不要储存任何东西，请呼叫end pt2

---

在时间、准确性和代码维护方面，哪种方法最好

除非我必须使用localstorage，否则我不会使用localstorage。本地缓存过时，因此必须同步它们。如果超过存储限制，本地存储可能会失败。必要时，它会增加代码的复杂性（两个数据源而不是一个）

如果您发现调用API对于每个屏幕来说都太慢，那么您可以在此时优化性能。我不会事先做的

---

即使您必须进行优化，本地存储也不是我的首选。我会将数据缓存在内存中（一个全局变量），然后执行客户端路由或其他操作。

检索时间？使用本地存储。精确始终从API加载它。维修如果您可以编写好代码，则应该是相同的。如果使用localStorage，则需要数据更改的同步策略由于用户配置和用户操作，Local storage可能会失败。。。我宁愿多次调用api，也不愿依赖本地存储。但这只是我的偏执，因为如果你的数据不“敏感”，加载一次会好上百倍。将它们组合起来，存储pt1，并根据需要携带pt2。@DIEGOCARRASCAL如果程序正在用户的机器上运行，请放弃任何可以防止操纵的幻觉。而且，

localStorage

严格来说是字符串；如果您希望存储大量数据，您可能应该查看。