javascript - 通过 phonegap 减少隐藏元素的资源消耗

Question

我正在用 html/js/css 和 phonegap 编写一个网络应用程序。我在页面中有两个部分，每个部分都是一个长列表。同时，只有一个可见。当列表很长时，性能会越来越差。浏览器是否为 display:none 元素释放资源？如果没有，如何方便地释放隐藏部分的资源（并在需要时快速恢复）？

Answer 1

当涉及到长列表时，我确切地知道您所说的糟糕表现是什么意思。看起来像屏幕撕裂一秒钟，然后它赶上。将以下内容放在 CSS 文件的顶层（试试 body{}）：

-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);