- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我最近正在做一些 DOM 测试,所以我遇到了一个问题,但我还找不到明确的答案。当您使用 document.createElement(...) 创建 DOM 元素但不通过例如 [ElementInDom].appendChild(...) 将其附加到 DOM 时。这个 DOM-Element 是否像 Javascript 中的任何其他字符串或数组等变量一样处理,或者文档是否在将 DOM-Element 添加到 DOM 之前就处理对 DOM-Element 的访问?
我编写了一个小测试,它确实表明访问未附加到 DOM 的 DOM-Element 比访问附加到文档的 DOM-Element 更快(并且不通过将其设置为 display: none 来呈现)。但要求确定。我故意只将其放入 DOM 树而不是渲染树。
测试是Here
<html>
<body>
<ul style="display:none;"></ul>
<script>
var inDOM = document.getElementsByTagName('ul')[0];
var noDOM = document.createElement('ul');
var array = [];
var start1 = new Date();
for (var i=0; i<1000000; i++) {
inDOM.appendChild(document.createElement('li'));
};
var end1 = new Date() - start1;
var start2 = new Date();
for (var i=0; i<1000000; i++) {
noDOM.appendChild(document.createElement('li'));
};
var end2 = new Date() - start2;
var start3 = new Date();
for (var i=0; i<1000000; i++) {
array[i] = document.createElement('li');
};
var end3 = new Date() - start3;
console.log('in DOM: ' + end1);
console.log('not in DOM: ' + end2);
console.log('to Array: ' + end3);
</script>
</body>
</html>
最佳答案
每个 DOM 元素在 JavaScript 中都表示为一个对象,无论它是否在文档中。文档中的 DOM 元素与文档中的 DOM 元素之间的区别在于 DOM 元素的突变所产生的影响。
如果 DOM 元素不在文档中,则它不会影响当前 View ,因此如果您对其进行更改,浏览器不必执行回流。回流焊的成本很高,因此不必进行回流焊速度会更快。
如果存在从元素到文档根 (document.documentElement
) 的路径,则文档中存在 DOM 元素。
关于javascript - DOM 元素何时属于 DOM 树,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27865035/
如果有一张有客户的 table 和一张有地址的 table 。 一位客户必须(仅)有一个地址,但地址不必有客户(取决于字段类型)。所以我只是问如何告诉cake在寻找客户时获取客户地址,但在寻找地址时不
我有一个问题,我需要获取我的画廊表的所有图像(路径),该表拥有博物馆和拥有博物馆的用户。我得到了图像的路径,但这些与拥有博物馆的 user_id 没有关联。 所以简短的描述: 每个用户拥有一个博物馆,
我有一个问题,我需要获取我的画廊表的所有图像(路径),该表拥有博物馆和拥有博物馆的用户。我得到了图像的路径,但这些与拥有博物馆的 user_id 没有关联。 所以简短的描述: 每个用户拥有一个博物馆,
我有用户和个人资料(一对一属于用户) type User struct { ID int Username string Password string
我想以类似于'belongs to' association的方式使用GORM的Django's one-to-one relationships。考虑以下示例,其中每个User与一个Profile相
长期从事 Rails 开发, Backbone 菜鸟。 在我的 Rails 模型中,一个项目有很多任务,一个任务属于一个项目......标准的东西。 尝试在集合中获取项目的任务 json。 Examp
让我们直奔问题(使用 Grails 1.1.1,它应该适用于以前的问题) 我有 2 个域,即:用户和详细信息,如下所示: Class User { String userName ; ..
我正在尝试在 Rails 中设置模型关系,并且需要您的帮助,因为它不起作用:0 class User :creator_id end 就架构而言,request_threads表具有creator_
注意:我在编写问题时解决了问题,因此不需要答案。仍然与答案分享,以便有相同经历的人可以从中受益。 我有一个回收器 View ,其中包含图像和 2 个 TextView 。我想在单击图像时旋转图像,但发
我正在尝试为我的应用程序中的所有按钮添加自定义点击声音。我已经为 UIButton 创建了一个类类别,其中包含以下代码: NSURL *soundURL = [NSURL fileURLWithPat
我有这样一个IP:12.12.12.12 我正在遍历不同的 IP 范围(12.12.12.0/24(示例))格式,并尝试查看 IP 是否在该范围内。 我尝试了各种方法,例如 inet_addr 和比较
看完这个问题 ASP.NET MVC: Nesting ViewModels within each other, antipattern or no? 和 Derick Bailey 的评论 i t
我正在使用 FeedWordPress 从子公司网页将新闻导入母公司的新闻卷。 可在此处查看特定项目的 RSS 摘录:Pastebin 如您所见,我正在将我需要的图像放入 RSS 文件、描述 bloc
假设我有以下数据库架构: dogs 和 owners 与经典的 belongsToMany 相关联。 walks 表怎么样?我希望能够在这种关系中使用 Eloquent 好东西: $dogs = Do
我不知道出了什么问题,但我无法使用 :class_name 选项让belongs_to 工作。有人可以启发我。非常感谢! 这是我的代码片段。 class CreateUsers false
属于 JavaScript 对象原型(prototype)的回调函数如何访问对象成员?回调不能关闭,一切都必须定义如下: function Obji(param){ this.element =
有人可以解释一下 MarkupCompilePass1 和 PartialClassGenerationTask 这两个构建任务是如何归属在一起的吗?目前我不知道他们是否共存或者是否需要对方。有人可以
现在,我尝试了解 Grails 域类和 GORM 中的工作原理。所以,我尝试实验: 我试验了两个域类:Main 和 Sub。 我们走吧! 第 1 步: class Main { String
所以我有一个模型 App.DailyEntry = DS.Model.extend({ user_id: belongsTo('user'), entries: hasMany('En
我正在使用 primeng 组件选项卡菜单。 https://www.primefaces.org/primeng/#/tabmenu我找不到将所选 TAB 的颜色更改为不同颜色的方法。 最佳答案 抱
我是一名优秀的程序员,十分优秀!