程序员经验分享-hwhale

可见性：隐藏和显示：无之间的性能差异

2023-11-26

我想简化 jQuery Backbone.js Web 应用程序中的事情。其中一种简化是我的菜单和对话框小部件的行为。

之前我在开始时创建了菜单的 div 框并使用隐藏它们display: none; opacity:0;。当我需要菜单时，我将其样式更改为display:block然后使用 jQuery ui 位置实用程序来定位 div 框（因为带有display:none无法定位），完成后，最后将其样式更改为opacity:1.

现在我想把它们隐藏起来visibility:hidden，当我需要时，我使用位置实用程序，然后将样式更改为visibility:visible。当我开始使用这种新方法时，我将在整个 Web 应用程序会话中拥有大约 10 个 div 框，它们被隐藏但占用空间，与之前的 div 框隐藏相比，display:none.

我的新方法有何影响？它会在任何方面影响浏览器性能吗？


display:none;元素是不在渲染树中全部，所以从表面上看他们会表现得更好。

我怀疑你会因此遇到任何真正可见的性能问题。如果你需要opacity: 0 or visibility: hidden 因为它们的功能，然后就使用它们。如果您不需要该功能，则使用display: none;

本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)

javascript

html

css

performance

可见性：隐藏和显示：无之间的性能差异 的相关文章

随机推荐

  • linux从内核中的pid获取进程名称

    你好 我在内核中使用 sys getpid 来获取进程 ID 如何从内核结构中找到进程名称 它存在于内核中吗 非常感谢 结构体task struct包含一个名为comm 它包含executable name excluding path G

  • Redis事务回滚

    我是 redis 新手 我有一个应用程序 其中有多个进行事务的 redis 命令 如果其中之一失败 redis 会像关系数据库一样回滚事务吗 用户有责任回滚事务吗 Redis 不像关系数据库那样回滚事务 如果您有关系数据库背景 Redis

  • 我有位置，但 z 索引不起作用

    我希望外环位于圆圈后面 但是当我尝试使用时z index它不工作 没有做任何事情 我做了 2 个环 一个环在圆圈的顶部 没有顶部 另一个在圆圈的后面 我无法移动它 我不知道为什么 root size 200px background wid

  • 为什么 Cache::lock() 在 Laravel 7 中返回 false？

    我的框架是 Laravel 7 缓存驱动程序是 Memcached 我想执行原子缓存获取 编辑 放置 为此我使用Cache lock 但它似乎不起作用 这 lock gt get 返回 false 见下文 我该如何解决这个问题 Fort 测

  • 如何用 Gson java 解析这个转义的 Json？

    因此 我收到了以下我无法控制的回复 message someName someLastName has sent you a question parameters firstName someName lastName someLastN

  • Laravel FFMPEG 错误编码使用 Laravel 队列失败

    我在用 php ffmpeg php ffmpeg 0 5 与 Laravel 5 我使用这个库来压缩和转换录制的视频 我先解释一下场景 当我从控制器执行以下代码时 它的工作方式就像魅力一样 ffmpeg FFMpeg create vid

  • Android中逐帧动画导致OutOfMemoryError

    我的 resources drawable 文件夹中有很多图像作为框架 假设大约 200 个 我想使用这些图像来运行动画 最长的动画为80帧 对于某些动画 我可以成功地通过单击按钮来运行动画 但对于某些动画 它会给出 OutOfMemory

  • 在 Java 中使用 WCF WsHttpBinding WebService

    我正在尝试让 Java 客户端与 WCF wshttpbinding WebService 进行通信 但我无法这样做 呼叫要么挂起 要么我得到 musunderstoodheader expcections 我的Web服务只是Visual

  • docker 的 Cron 容器 - 它们实际上是如何工作的？

    我已经使用 docker 几个月了 并且正在致力于对各种不同的服务器映像进行 docker 化 一个一致的问题是许多服务器需要运行 cron 作业 网上有很多关于这个的讨论 包括 Stackoverflow 但我并不完全理解它的机制 目前

  • Laravel 4 虚拟主机和 mod 重写设置

    我已经尝试了几个小时来安装 Laravel 4 并使虚拟主机和路由正常工作 但到目前为止我一直不走运 我提到我正在这样做Windows 7的机器和WAMP 我将描述我已经做过的事情 我已经启用了 rewrite module 使用以下内容更

  • 平台模块之间是否允许循环？

    这是模块声明java rmi module module java rmi requires java base requires java logging exports java rmi activation exports com s

  • 反射类获取任何对象的所有属性

    我需要创建一个函数来获取对象 包括子对象 的所有属性 这是为了我的错误日志记录功能 现在我的代码总是返回 0 个属性 请让我知道我做错了什么 谢谢 public static string GetAllProperiesOfObject o

  • 沙盒环境中 FinderSync 扩展的读写访问权限

    场景 用户右键单击 Finder 中的目录并找到自定义菜单项 单击该项目将告诉我的应用程序打开一个窗口 用户可以在其中完成工作 完成后 需要将文件写入他通过右键单击选择的文件夹 问题 我现在一切都开始工作了 除了最后一部分 扩展程序无法写入

  • Django：如何在通用创建视图上设置隐藏字段？

    我正在运行 Django 1 6 x 为了扩展我的用户 我添加了另一个存储数据的模型 class UserProfile models Model user models ForeignKey User height models Inte

  • 如何在 recyclerview viewholder 中处理许多不同的视图类型

    如果我有 50 种视图怎么办 我的适配器中应该有 50 个静态内部类吗 根据这个答案 yes 我的第一个想法是将每个视图持有者内部类移动到一个单独的公共类中 但它们必须是静态的 那么将每个都封装成一个公共类 使内部类静态 有更好的选择吗 编

  • 使用一个 NPM 命令启动 React-create-app 和 Electron.js

    我有简单的定制入门包react create app and Electron js 我已添加到 package json 文件 scripts electron electron start cross env BROWSER none

  • Rails：使用 Gmail API 发送电子邮件，附件仅返回编码文件而不返回

    我正在尝试使用 gmail API 发送电子邮件 我的 Ruby 代码如下所示 无需附件即可正常运行 client google client user id token Token find by user id user id acce

  • Java HashMap 性能优化/替代方案

    我想创建一个大的 HashMap 但put 性能不够好 有任何想法吗 欢迎其他数据结构建议 但我需要 Java Map 的查找功能 map get key 就我而言 我想创建一个包含 2600 万个条目的地图 使用标准 Java HashM

  • 如何在 C++ 中从文本文件的开头删除字符“”？

    我正在尝试读取一个文本文件 对于每个单词 我会将它们放入二叉搜索树的节点中 但是 第一个字符始终读作 第一个单词 例如 如果我的第一个单词是 This 那么插入到我的节点中的第一个单词是 This 我一直在论坛上寻找修复它的解决方案 有一篇

  • 可见性：隐藏和显示：无之间的性能差异

    我想简化 jQuery Backbone js Web 应用程序中的事情 其中一种简化是我的菜单和对话框小部件的行为 之前我在开始时创建了菜单的 div 框并使用隐藏它们display none opacity 0 当我需要菜单时 我将其样

热门标签