草庐IT

dom-repeat

全部标签

javascript - 当 DOM 中的元素太多时,Angular ng 类性能问题

我一直在处理一个导致性能问题的复杂Angular页面。为了突出这个问题,我创建了一个fiddlehttp://jsfiddle.net/4ex2xgL1/3/在这里。本质上,性能问题是由ng-class语句引起的,其中包含一个函数。{{todo.text}}跨度在ng-repeat中。在运行fiddle时,可以看到当页面加载时ng-class被执行了几次,并且在每个键上它被调用的次数与TODO列表中的项目数一样多。这是一个简单得多的案例,在我的案例中,我的页面上有780个项目,该函数最终被评估了大约3000次!我们看到的解决方案之一是分解作用域,但这几乎会导致我的应用程序重写。我们也尝

javascript - 使用 javascript,我如何判断 DOM 中的 HTML 对象是否不在 HTML 源代码中?

我正在寻找有关如何检测HTMLDOM中的对象的想法,但它们并未在HTML源代码中明确表示。如您所知,如果我有包含以下内容的HTML源代码:George...HTMLDOM将添加对象树中的对象而不更改源代码,理解源代码暗示它。所以在DOM中,结构就像HTML源代码一样:George我有一个遍历DOM树的javascript函数,我需要检测何时遇到隐含的对象,也就是说,它在DOM中,但不在HTML源代码中。任何想法如何做到这一点?也许对象中有一些属性可以判断它是否来自源? 最佳答案 可能是保存在document.body.onload初

iphone - DOM 更改后,iPad 中的 HTML5 视频无法正常工作

这是一个将html5视频的标记附加到DOM的脚本:document.body.innerHTML='';varel=document.getElementById('video');document.body.removeChild(el);document.body.appendChild(el);jsfiddle演示:http://jsfiddle.net/h8RLS/2/这适用于所有经过测试的浏览器,iOS上的Safari除外。在iOS中,当HTMLVideoElement重新附加到DOM时,它不再可播放。有没有其他人解决或遇到过这个问题? 最佳答案

html - 边距规则如何应用于不在 DOM 流中的元素?

所以我问了这个问题:googlechromeissuewithfixedpositionandmargin-top这最终让我意识到top和margin-top不是一回事。我不知道这些年来我是怎么错过的。无论如何,这让我开始思考margin-top和top之间到底有什么区别,这就是我发现这个问题的方式:CSS:TopvsMargin-top.我已经知道margin-top做了什么。但我从来没有推断出“嗯,这个元素不在DOM流中,所以margin-top到底是什么把它推开了?”从我问的问题中我知道margin-top在应用于具有fixed位置的元素时会以非常意外的方式运行。至少在Chrom

javascript - angular 6 自定义元素在 IE11 和 Firefox 上失败,出现语法和影子 dom 错误

我创建了一个新的angular-cli项目,其中包含一个使用thesedirections的自定义元素.它在Chrome上完美运行。我已经在InternetExplorer的所有必要的polyfill中进行了评论。我已经包含了额外的@webcomponents/...但是@webcomponents导致了问题!node_modules/@webcomponents/custom-elements/src/native-shim.js包含箭头函数,InternetExplorer不支持该函数,因此出现以下错误:SyntaxErrorIfanyonecanpointmetoanangula

javascript - ng-repeat 内的 ng-switch 不起作用

我的数据基本上可以归结为:functionExampleCtrl($scope){$scope.myData=[{text:"blah",other:3,V:'caseOne'},{text:"blah",other:3,V:'caseTwo'},{text:"blah",other:3,V:'caseThree'}];}这是这样使用的:TextOtherV{{data.text}}{{data.other}}问题是我收到了这个错误:Error:Nocontroller:ngSwitch..我显然已经将Controller设置为ExampleCtrl,我没有看到任何输入错误,所以很遗憾

javascript - 安全错误 : DOM Exception 18 when invoking toDataURL method of the Canvas

我在InternetExplorer和Safari浏览器上尝试从绘制了SVG图像的Canvas检索数据URL时遇到以下错误,而其他浏览器正常工作。此外,SVG图像包含一些xlink:href的元素属性设置为从用户文件系统读取的图像作为数据URL。由于这些图像不位于不同的域中,我想不出在尝试获取绘制SVG图像的Canvas的dataURL时抛出此错误的任何原因。提前致谢。SECURITY_ERR:DOMException18:Anattemptwasmadetobreakthroughthesecuritypolicyoftheuseragent." 最佳答案

javascript - 什么是 "out of DOM"元素?

我对DOM节点有点困惑,主要是术语。以前我认为DOM就是我在检查器中看到的,仅此而已。现在我知道诸如document.createElement()之类的函数可以创建DOM节点,这些节点将我的文档作为“上下文”,但不将文档作为“父”。document.createElement()是否创建“DOM节点之外”?这个词不是用词不当吗?根据我的理解,“节点”是“DOM节点”或“HTML元素”的同义词。当节点是DOM中的东西时,将某物称为“DOM节点之外的节点”是不是不好命名?这个词似乎自相矛盾。为了增加更多的困惑,还有一些新概念,如保留路径、分离的DOM节点、悬挂的DOM节点、影子DOM、文

javascript - 使用 Localstorage 将 javascript 变量从一个 html 页面存储和检索到另一个 (DOM)

我有一个html页面1.html,我想获取一些文本内容并将其存储到js.js文件中,使用jquery通过id获取文本.此代码仅在1.html页面中有效,我要从中复制的文本是,但在2中不是.html文件。这是我的代码。请注意,如果我将文本存储在localstoragesetter第二个参数中,它会起作用。$(document).ready(function(){varc1Title=$('#r1c1Title').text();//changingc1TitletoanyStringcontentlike"test"willworklocalStorage.setItem("t1",c1

html - 唯一标识 DOM 节点的最佳方法是什么?

有什么方法可以唯一标识HTML文档中的所有DOM节点。为了说明我的意思,这里有一个(虚构的)例子:脚本X从document.html中随机选择一个DOM节点。脚本X需要告诉脚本Y它选择了哪个DOM节点。脚本X如何唯一标识它选择的DOM节点,以便脚本Y准确知道它在document.html中的哪个节点?我对如何唯一标识DOM节点以便脚本Y可以识别它并对其进行操作非常感兴趣。最好,它也应该与文本节点一起使用。我可能在考虑XPath,但我不确定如何为任何给定节点生成唯一XPath。 最佳答案 您应该能够通过从节点向后工作到根节点并跟踪您所