如何做到科学的缓存数据？

Question

问题描述：假设页面有一个数组对象如下(实际可能数据会更多)，当页面第一次拿到后端传来的数据的时候，将其进行缓存（类似localStorage）。后续的UI渲染都在缓存中拿取，那么当后端数据更新时，前端如何应该如何及时更新数据呢？以及前端更新数据的一个理想时机？

list:[{

    title:'titile1',

    content:'con1'

},{

    title:'titile1',

    content:'con1'

},{

    title:'titile1',

    content:'con1'

}]

Answer 1

websocket or 轮询除了这两种机制我想不到第三种了。websocket长链接，当接收到后台数据变化时更新缓存，并局部刷新 轮循 机制同理但是轮循带来的问题就是会存在大量请求，比如1s轮循一次，1个客户端1分钟会轮循60次 100个人同时访问就会产生6000次请求，对于服务端来说实在是没有必要，如果用websocket只需要维持一个长链接1oo个人也才100个链接，离开页面的时候断掉链接。