通过电话间隙减少隐藏元素的资源消耗
Reduce resource consumption for hidden elements with phonegap
我正在编写一个带有html/js/css和phonegap的Web应用程序。我在页面中有两个部分,每个部分都是一个很长的列表。同时,只有一个是可见的。当列表很长时,性能会越来越差。浏览器是否释放 display:none 元素的资源?如果没有,我怎样才能方便地释放隐藏部分的资源(并在需要时快速恢复)?
我确切地知道你对长列表表现不佳的意思。看起来像屏幕撕裂了一秒钟,然后它赶上了。将以下内容放在 CSS 文件的顶层(尝试 body{}):
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
相关文章:
- CKEditor Widget-阻止编辑可编辑元素本身
- 如何设置html元素填充的动画
- 如何将HTML id分配给元素,以及如何将JavaScript应用于元素
- 使用 jQuery 的 .on 函数如何获取事件的原始元素
- 使用clickToggle并在单击另一个元素时关闭元素
- 单击时将焦点更改为元素
- 表追加而不附加最后一个元素
- 如何在jQuery中获取元素的形式
- 我可以获得相对于被点击元素的确切点击位置吗
- 在函数中添加数组元素的数值
- 在单击任何位置时隐藏元素,而不检查每次DOM单击
- 将视口底部滚动到元素底部
- 只有当Angular从资源对象检索数据时,才选择选项元素
- Aurelia的需求元素包括内联的外部资源
- 通过电话间隙减少隐藏元素的资源消耗
- 限制HTML文档或iframe元素中允许的资源
- 如何防止Chrome中未附加元素的资源加载
- 从元素背景中抓取图像元素作为DOM资源
- 如何在AngularJS中管理资源的多个元素
- 在开发工具下获取可用元素->资源→帧