오브젝트를 사용합니다.freeze 및 object.freeze는 테이블 데이터 행이 많은 리액티브페이지에서 메모리 증대를 줄이기 위해 사용합니다.

오브젝트를 사용합니다.freeze 및 object.freeze는 테이블 데이터 행이 많은 리액티브페이지에서 메모리 증대를 줄이기 위해 사용합니다.

여기에 제시된 접근방식을 사용하여 많은 테이블/행 데이터가 있는 Vue.js 앱에서 메모리 증대를 줄이고 있습니다.특히 IE에서 메모리 증대가 발생하고 있습니다.예를 들어, 몇 개의 행이 있는 페이지는 페이지를 로드할 때 최대 100MB까지 점프할 수 있습니다.

행 데이터를 저장하는 목록/어레이에 들어가는 각 개체를 고정하면 블랫이 크게 감소한다는 것을 알 수 있습니다.100 MB -> 60 MB

여러 페이지에 많은 테이블 데이터가 있는 Vue.js 앱에서 메모리 증대를 줄이는 데 이것이 가장 좋은 솔루션입니까?프리즈가 발생하지 않으면 IE는 2~3페이지에 도달하여 1~3회 검색한 후 메모리를 최대 1GB까지 끌어올릴 수 있으며, 각각 50줄의 데이터가 생성됩니다.검색을 할 때마다 어레이를 지우고 쓰레기 수집기를 청소하려고 하지만 큰 영향은 없습니다.

또한 데이터 테이블 행에 즉시 변경해야 하는 열(예: 날짜 또는 이름)이 있는 경우 1. 오브젝트의 feze를 해제해야 합니다.2 . 변경을 가해야 합니다.3 . freeze it again 4. 어레이로 되돌립니다.

이 패키지 같은 것을 사용하여

, 변수)에 .let원래 개체를 리셋해야 할 때 변수에 다시 할당합니다.

예를 들어 다음과 같습니다.

let obj = { objProp: "example" };

if (condition) {
    Object.freeze(obj);
}
else {
    obj = { objProp: "example" };
}

언급URL : https://stackoverflow.com/questions/55940186/use-object-freeze-and-object-unfreeze-to-reduce-memory-bloat-in-reactive-pages-w