javascript - 使用 Object.freeze 和 object.unfreeze 减少具有大量表数据行的响应式页面中的内存膨胀

Question

我正在使用给定的方法 here使用具有大量表/行数据的 Vue.js 应用程序减少内存膨胀。我们看到内存膨胀，尤其是在 IE 中。
前任。加载页面时，有几行的页面可以跳转~100MB。

我发现如果我冻​​结进入我们存储行数据的列表/数组中的每个对象，膨胀会显着下降。 100MB -> 60MB

对于 Vue.js 应用程序，我们在多个页面上有大量表数据，这是减少内存膨胀的最佳解决方案吗？
我注意到如果没有发生卡住，IE 可以在点击 2-3 个页面并执行 1-3 次搜索后将内存跳转到~1GB，每个搜索结果为 50 行数据!每次我们进行搜索时，我都试图清除数组，以便垃圾收集器和清理，但它确实没有太大影响。

此外，当我们在数据表行中有一列需要即时更改(例如日期或名称)时，我应该
1. 松开物体
2. 做出改变
3.再次冷冻
4. 推回数组

使用类似 this package 的东西

Answer 1

这可能有点晚了，但您也可以在可变变量( let )中创建一个对象，并在需要重置它时将原始对象重新分配给该变量。
例如:

let obj = { objProp: "example" };

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