javascript - 实时更新 Vuex 缓存数据的方法？
vuex缓存数据策略
面试被问到缓存数据，回答通过添加定时任务和设置缓存过期时间来实现。
使用JavaScript的定时器来定期更新缓存数据。在Vuex的actions中，添加定时任务来定期更新缓存数据。
但是如何保证数据是实时更新的同时不需要多次调用接口去获取数据
共有3个答案
我好像没能理解问题中的 “缓存数据” 指得是什么。
看起来像是需要实时更新数据，但是想要减少请求频次？那么除了轮询之外就是这三个方式：
- 长轮询
WebSocketServer-Sent Events
相关文档
- 长连接、短连接、长轮询、短轮询、WebSocket释疑 - Corwien - SegmentFault 思否
- WebSocket - Web API 接口参考 | MDN
- 服务器发送事件 - Web API 接口参考 | MDN
听起来比较符合要求的是用websocket?
后台实时有数据更新就通过websocket发到前台更新vuex
试试 vue-native-websocket
计时器来更新数据是很不靠谱的一种方案，现在浏览器带睡眠功能，睡眠的时候js功能会停止工作
计时器要写就写到Worker里面，或者最靠谱的就是用socket,后端来通知前端来更新数据
-
一、简介 当对PHPSSO进行修改后，执行此操作。 二、功能演示 更新应用列表缓存。如下图所示：
-
本文向大家介绍vuex页面刷新后数据丢失的方法，包括了vuex页面刷新后数据丢失的方法的使用技巧和注意事项，需要的朋友参考一下 1. 原因 （1）js代码是运行在内存中的，代码运行时的所有变量、函数都是保存在内存中。 （2）刷新页面，以前申请的内存被释放，重新加载脚本代码，变量要重新赋值。 （3）要想刷新后数据不丢失就必须把数据存储在外部，例如：Local Storage、Session Stor
-
一、本功能说明 本节仅为更新缓存的作用，进行过某些模块的设置等操作或者感觉某些地方不正常的时候请更新缓存。 1).如何进入本功能 导航栏 选择扩展 -> 菜单栏 选择更新全站缓存
-
我将React应用程序转换为PWA，它的工作部分正常。 我遵循了本教程：https://medium.com/@toricpope/transform-a-react-app-to-a-progressive-web-app-pwa-dea336bd96e6 然而，本文只展示了如何缓存静态数据，我还需要存储来自服务器的数据，我可以按照本文第一个答案的说明来做：如何将API中的数据缓存到React
-
本文向大家介绍动态更新highcharts数据的实现方法，包括了动态更新highcharts数据的实现方法的使用技巧和注意事项，需要的朋友参考一下 动态更新highcharts数据的实现方法 以上这篇动态更新highcharts数据的实现方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持呐喊教程。