首頁猿問如何做到科學(xué)的緩存數(shù)據(jù)？

如何做到科學(xué)的緩存數(shù)據(jù)？

JavaScript Vue.js Node.js

慕勒3428872 2019-04-18 21:15:39

問題描述：假設(shè)頁面有一個數(shù)組對象如下(實際可能數(shù)據(jù)會更多)，當(dāng)頁面第一次拿到后端傳來的數(shù)據(jù)的時候，將其進行緩存（類似localStorage）。后續(xù)的UI渲染都在緩存中拿取，那么當(dāng)后端數(shù)據(jù)更新時，前端如何應(yīng)該如何及時更新數(shù)據(jù)呢？以及前端更新數(shù)據(jù)的一個理想時機？list:[{ title:'titile1', content:'con1'},{ title:'titile1', content:'con1'},{ title:'titile1', content:'con1'}]

查看完整描述

2 回答

慕娘9325324

TA貢獻1783條經(jīng)驗獲得超4個贊

websocket or 輪詢
除了這兩種機制我想不到第三種了。
websocket長鏈接，當(dāng)接收到后臺數(shù)據(jù)變化時更新緩存，并局部刷新 輪循 機制同理
但是輪循帶來的問題就是會存在大量請求，比如1s輪循一次，1個客戶端1分鐘會輪循60次 100個人同時訪問就會產(chǎn)生6000次請求，對于服務(wù)端來說實在是沒有必要，如果用websocket只需要維持一個長鏈接1oo個人也才100個鏈接，離開頁面的時候斷掉鏈接。