草庐IT

dom-repeat

全部标签

javascript - 有没有办法在 Web Worker 中创建 DOM 元素?

上下文:我有一个处理和显示巨大日志文件的Web应用程序。它们通常只有10万行左右,但也可能长达400万行或更多。为了能够滚动浏览该日志文件(用户启动的和通过JavaScript启动的)并以良好的性能过滤行,我在数据到达后立即为每一行创建一个DOM元素(通过ajax在JSON中)。我发现这比在后端构建HTML的性能更好。之后,我将元素保存在一个数组中,并且只显示可见的行。对于最多10万行,这只需要大约几秒钟,但对于50万行(不包括下载),任何更多的内容最多需要一分钟。我想进一步提高性能,所以我尝试使用HTML5WebWorkers。现在的问题是我不能在WebWorker中创建元素,甚至不

javascript - SYNTAX_ERR : DOM Exception 12 - Hmmm

我一直在为使用HTML5Rock的Slideshowcode的客户制作小型幻灯片/公开展示.我遇到了一个DOM异常12-一个据称与CSS选择器相关的语法错误-在四处闲逛时......但我无法追溯到我在代码中所做的任何更改。我想这可能是我添加功能时发现的东西。我已经追踪到这个对象(实时版本here):varSlideShow=function(slides){this._slides=(slides||[]).map(function(el,idx){returnnewSlide(el,idx);});varh=window.location.hash;try{this.current=

javascript - 尝试使用 React.DOM 设置正文样式

如何使用React.DOM更改HTMLbody的样式?我试过这段代码,但它不起作用:varMyView=React.createClass({render:function(){return(React.DOM.body.style.backgroundColor="green";Stuffgoeshere.);}});如果你从浏览器控制台执行它,它会工作(但我需要它在ReactJS代码中工作):document.body.style.backgroundColor="green";另请参阅此问题以获取类似但不同的解决方案:Changepagebackgroundcolorwithea

javascript - "repeat n times"的成语?

这里有一种在JS中生成3个随机数数组的有点浪费和不切实际的方法:[1,1,1].map(Math.random)//Outputs:[0.63244645928,0.59692098067,0.73627558014]使用虚拟数组(例如[1,1,1]),只是为了可以在其上调用map,是--对于足够大的n--既浪费(内存)又不切实际。人们想要什么,就像一个假设:repeat(3,Math.random)//Outputs:[0.214259553965,0.002260502324,0.452618881464]使用原生JavaScript最接近的结果是什么?我知道像Underscore

javascript - 使用 ng-repeat 和嵌套循环添加行

我正在寻找一种向表中添加行的方法。我的数据结构如下所示:rows=[{name:'row1',subrows:[{name:'row1.1'},{name:'row1.2'}]},{name:'row2'}];我想创建一个看起来像这样的表:tablerow1row1.1row1.2row2angularjsng-repeat有可能吗?如果不是,那么这样做的“Angular”方式是什么?编辑:展平数组将是一个糟糕的解决方案,因为如果我可以遍历子元素,我可以在单元格、其他css类等中使用不同的html标签。 最佳答案 一年多后,但找到了

javascript - 使用 jQuery 添加 DOM 元素的最佳方式

所以我看到了三种将html/DOM元素添加到页面的方法。我很好奇它们各自的优缺点。1-传统JavaScript我相信直接的JS方法是构造每个元素,设置属性,然后附加它们。示例:varmyRow=document.createElement("tr");myRow.class="myClass";varfirstTD=document.createElement("td");firstTD.innerHTML="first";myRow.appendChild(firstTD);varsecondTD=document.createElement("td");secondTD.inner

javascript - 如何在 chrome 中设置 DOM 断点

我正在努力学习教程here.我卡在DOM断点部分(靠近底部)。我去了examplesite他们在谈论。我按下ctrl+shift+i并导航到“元素”选项卡。在元素选项卡中,我找到了以下html部分:现在我无法找到上下文菜单:Bringupacontextmenuonthe#profileCardelementandselecttheeventsyouwanttobreakon:subtreemodifications,attributesmodifications,andthenoderemoval这是显示我所在位置的屏幕截图: 最佳答案

javascript - Uncaught Error : Invariant Violation: findComponentRoot(. .., ...$110) : Unable to find element. 这可能意味着 DOM 意外发生了变化

我在React中的嵌套循环做错了什么?我在谷歌上搜索了资料,没有找到合适的。你能帮我找出我理解错误的地方吗?从图中可以看出,我有一个变量中的数据。它工作正常。但是当我添加一个不是来自这个的值时,出现错误!varTableBalls80=React.createClass({render:function(){varrows=this.props.rows;varcolumnId=0,trKey=0,divKey=0,td1stKey=0;vartd2ndKey=100;return({rows[0].row.map(function(element){columnId++;return

javascript - 如何在 AngularJS 中使用 ng-repeat 动态生成 ng-model ="my_{{$index}}"?

我想问你是否可以帮我解决这个问题。我已经为我的问题创建了一个jsfiddlehere.我需要使用ng-model="my_{{$index}}"的方式在ng-repeater中使用ng-model动态生成一些输入。在jsfiddle中,您可以看到一切正常,直到我尝试动态生成它。html将是:---SelectQuery---{{param}}:field_{{$index}}还有javascript...functionMainCtrl($scope){$scope.queryList=[{name:'CheckUsers',fields:["Name","Id"]},{name:'A

javascript - 在指令中使用 ng-transclude 重复 ng-repeat

我想创建一个在内容更改时具有自定义行为的列表。我尝试为此创建一个指令,但我对如何将ng-transclude与ng-repeat指令结合起来有点迷茫。有人可以让我走上正轨吗?HTML:{{myItem}}Javascript:angular.module('myApp',[]).controller('ctrl',function($scope){$scope.items=['one','two','three'];}).directive('mylist',function(){return{restrict:'E',transclude:'element',replace:true