programing

Vuex - 5초마다 대용량 데이터 청크 폴링 시 메모리 누수/JS 힙 크기

powerit 2023. 6. 17. 09:45
반응형

Vuex - 5초마다 대용량 데이터 청크 폴링 시 메모리 누수/JS 힙 크기

스토어 관리에 Vuex를 사용하는 Vue 애플리케이션이 있습니다.루트에는 여러 개의 저장소 모듈이 있으며, 5초마다 큰 데이터 덩어리를 가져와서 저장소 돌연변이의 도움을 받아 저장소 상태로 밀어넣습니다.문제는 상태가 변형될 때마다 힙 크기가 증가한다는 것입니다.브라우저의 메모리가 부족해질 때까지 계속 증가합니다.

제 가게는 아래와 같습니다.

const store = new Vuex.Store({
  modules: {
   moduleA,
   moduleB
  }
})

SPA에서 전체 페이지를 다시 로드할 때까지 전체 페이지 상태(DOM 및 Javascript/Vuex 데이터 포함)는 메모리에 남아 있습니다(vue-router를 사용하는 경우에 해당).

SPA에서는 더 이상 필요하지 않은 큰 개체 및 어레이에 대한 참조(예: null로 설정)를 삭제하여 가비지 수집기에서 메모리를 해제할 수 있도록 해야 합니다.

메모리 힙이 사라지기 전에 더 이상 필요하지 않은 개체와 변수를 삭제하거나 해제하는 것이 중요합니다.

언급URL : https://stackoverflow.com/questions/66696906/vuex-memory-leak-js-heap-size-when-polling-a-big-chunk-of-data-in-every-5-sec

반응형