草庐IT

dom-repeat

全部标签

html - 大量的 DOM。隐藏与不显示

如果我在页面上有很多DOM并且我将它们全部设置为显示:无,浏览器仍然会快速react(滚动速度很快,页面感觉很活泼)。但是,如果我visibility:hidden元素,浏览器就像它们都被绘制在屏幕上一样慢。谁能详细解释一下为什么会这样? 最佳答案 在某种程度上,它们是绘制出来的(但不是真的):浏览器为它们保留空间,因此在布置可见项时必须考虑这些项。参见MDCvisibility:hidden:Theboxisinvisible(fullytransparent,nothingisdrawn),butstillaffectslayo

jquery - 使用 jQuery 构建 HTML (~= DOM)

我可能做错了什么,但我还没有找到动态构建基本HTML/DOM结构(如列表)的好方法。简单的示例是在给定json(对象)等输入的情况下构建表格(表格元素、行、单元格,以及正确转义的文本内容)。我遇到的问题是大多数调用(如“.append()”、“.html()”、“.text()”)似乎并没有以直观的(对我而言)方式进行链接。例如,您不能做如下事情:$("#divId").append("").append("").append("").text("sometext");text()调用似乎清除了主要级别的内容;并追加同样在同一范围内添加内容。我希望appennd()返回正在添加的内容,

html - 从 HTML 加载 DOM : How does a HTML parser know when empty element ends

在XML中,空元素有一个对应的标记为/>的标记。但这在HTML中不存在。HTML解析器也有一个可以为空的有限元素列表。如果这样的元素有结束标记怎么办? 最佳答案 html中的标签有的有结束标签,有的没有。引入HTML5后更加困惑。经过大量研究,这是我到目前为止的发现。我希望你能理解:)doaHTMLparserhaveafinitelistofelementsthatcanbeempty.Answer:Yes,HTMLparsershavefinitelistofemptyelements.Theparserhavecertainr

javascript - DOM 级别有何不同,它们之间如何相互关联?

我经常听到“DOM级别1”、“DOM级别2”、“DOM级别3”和“DOM级别4”,但我意识到我不知道它们之间的区别或它们之间的关系其他。我知道最基本的知识-DOM是文档对象模型,它为脚本语言(特别是,但据我所知,不限于各种版本的ECMAScript,例如ECMAScript5.1)提供访问元素的途径的HTML文件。(我读过的一些网站-例如domintroductiononquirksmode-说它适用于任何XML文档,但HTML是一个足够的子集。)w3c'sDOMtechnicalreports上的日期似乎暗示每个后续的DOM级别都会取代之前的级别。遗憾的是,我发现提供澄清的最佳引用是

javascript - Angular ng-repeat 导致闪烁

我用这段代码显示缩略图列表:在Controller中,我有一个获取新缩略图图像的ajax请求。Angular因此会更新图像,但会导致闪烁。有没有办法在更新DOM的过程中双缓冲或者不删除列表? 最佳答案 配合@cexbrayat的回答,如果您没有任何ID,您也可以将其关联并按$index跟踪。这是ng-repeat期间的内部迭代。 关于javascript-Angularng-repeat导致闪烁,我们在StackOverflow上找到一个类似的问题: http

jQuery:选择和操作 DOM 外部的 html 元素

据我所知,只有加载到DOM中的对象才能使用选择器进行操作。这在下面的示例中进行了说明,当单击按钮时,它的单击处理程序未成功尝试在页面中选择要加载的元素并更改它之前的html。我推测因为在链接页面加载到DOM之前触发了点击处理程序,所以选择器不会影响该元素。我的问题是,有没有什么方法可以实例化外部htmlblock并在将其插入DOM之前对其进行操作。script_1.js:$(document).ready(function(){$("#testButton").click(function(){$("#externalPageDiv").html("helloworld");});})

javascript - 为什么 <!--<script> 会在浏览器上导致 DOM 树中断?

当我看到http://escape.alf.nu的第15级的答案时,我注意到将导致DOM解析器中断。在以下HTML中,您不会看到字符串“Test”(已在IE11&Firefox&Chrome上测试):vara='';Test但是这两个脚本会显示“Test”:vara='Test还有,vara='';Test我不明白,为什么会这样? 最佳答案 这提出了重要的一点,即中的文本HTML页面上的标记在被Javascript解析器解析之前由HTML解析器解析。此代码不是有效的HTML5语法,因此HTML5规范中没有任何内容可以让我们了解这里发

Firefox 中的 jQuery html()(使用 .innerHTML)忽略 DOM 更改

我真的很惊讶我以前没有遇到过这个问题,但似乎在元素上调用jQueries.html()函数会忽略DOM中的更改,即它返回原始源中的HTML。IE不这样做。jQueries.html()仅在内部使用innerHTML属性。这是注定要发生的吗?我在Firefox3.5.2上。我在下面有一个示例,无论您将文本框值更改为什么,“容器”元素的innerHTML只会返回HTML标记中定义的值。该示例使用jQuery并不是为了使其更简单(结果与使用jQuery相同)。有没有人能解决我可以获得容器当前状态的html的问题,即包括对DOM的任何脚本更改? 最佳答案

html - DOM 突变事件替换

由于DOM突变被w3c标记为弃用(参见http://www.w3.org/TR/DOM-Level-3-Events/#events-mutationevents),是否有一种(快速)替代方法来检测DOM中的属性修改? 最佳答案 突变事件被弃用的原因是巨大的性能问题。替换的是MutationObservers,看http://updates.html5rocks.com/2012/02/Detect-DOM-changes-with-Mutation-Observers和https://developer.mozilla.org/e

javascript - 获取被点击的<a>的DOM路径

HTML伪代码$(".rightArrow").click(function(){rightArrowParents=this.dom();//.dom();isthepseudofunction...itshouldshowthewholealert(rightArrowParents);});警报消息将是:bodydiv.lola.rightArrow我怎样才能用javascript/jquery得到这个? 最佳答案 这是一个返回jQuery路径的原生JS版本。我还为元素添加了ID(如果有的话)。如果您在数组中看到一个id,这将