草庐IT

map元素个数

全部标签

javascript - 为什么追加到尚未在 DOM 中的元素比使用 javascript 片段更快?

考虑将li附加到ul的这三个版本:原始版本(慢20%):varul=document.getElementById('targetUl');for(vari=0;i使用JavaScript片段(慢4%):varul=document.getElementById('targetUl'),fragment=document.createDocumentFragment();for(vari=0;i追加到尚未在DOM中的元素(快1.26%):varul=document.createElement('ul'),div=document.getElementById('targetDiv')

javascript - 在 javascript 中的 map() 中动态设置 key ?

所以我知道如何像这样动态设置key:varhashObj={};hashObj[someValue]=otherValue;但是我还没有看到关于map()的任何答案:varlist=['a','b','c'];varhashObject=list.map(function(someValue){return{someValue:'blah'};});//shouldreturn:[{'a':'blah'},{'b':'blah'},{'c':'blah'}];我知道我可以在for循环等中执行此操作,但这在javascript中仅使用map()是不可能的吗?

javascript - 在 map 函数之后执行函数

我有这个代码$scope.items.map(function(item){if(item.keywords.indexOf($scope.formData.keyword)!=-1){array.push(bono);}})本地图完成时,我需要用数组的所有元素执行一个函数。我怎样才能做到这一点?我想堆叠调用,但我不知道该怎么做。谢谢 最佳答案 一旦$scope.items是您在问题中所述的数组并且Array.prototype.map()是同步的-这意味着您只需将下一条语句放在这段代码之后,它将在.map()完成处理后执行。

javascript - 如何在 React 类渲染方法中为元素提供动态类名

我有一个名为Alert的ReactClass。它的render方法根据创建元素时传递的类型返回一个类为alertalert-success或alertalert-error的div。我只想知道如何根据警报元素的类型添加类。这是我的尝试:varAlert=ReactClass({render:function(){return{this.props.message}}});varsuccessAlert=React.createElement(Alert,{type:'alert-success'message:'Informationsavedsuccessfully!!'});编译J

javascript - 检查当前事件元素是否是任何类型的输入

我正在尝试检测当前事件元素是否是任何类型的输入字段。目前我有这个:varactiveElement=document.activeElementif(activeElement&&(activeElement.tagName.toLowerCase()==='input'||activeElement.tagName.toLowerCase()==='textarea'||activeElement.tagName.toLowerCase()==='select'||activeElement.tagName.toLowerCase()==='button')){returnfalse

javascript - 选择器仅在检查/选择元素后工作

我这里有这段代码:$(document).ready(function(){debugger;$("div[id^='stage_']").click(function(e){alert('Hello');});});我无法解释的奇怪事情是,当我在到达调试器语句时在控制台中执行选择器时,它返回一个空数组,[]但是当我走出去进入页面时,然后在Chrome中按Ctrl-Shift-C开始检查并单击一些具有我要查找的ID的div,然后在控制台中再次执行选择器,现在我有了我期待的元素。我什至在这里尝试过这个来验证它是否是异步的。加载问题(这是一个我无法控制的系统)。但是,当到达调试器时,选择器

javascript - 如何使用 bobril 框架移动 SVG 元素

我想在bobril中用鼠标移动一个SVG元素(圆)。我应该使用哪种生命周期组件方法?我尝试使用onPointerDown等方法,但是这些方法只处理圆圈内的事件。我应该使用拖放还是有其他选项可以围绕整个SVG移动圆圈? 最佳答案 onPointerDown、onPointerMove和onPointerUp组件生命周期方法(更多信息参见bobril/index.tsIBobrilComponent)是正是您所需要的,但需要多一点代码。在onPointerDown方法中将bobrilb.registerMouseOwner与您的上下文一

javascript - 如何将自定义库事件(即 Google map 事件)转换为 RxJS 中的 Observable 流?

我想从Googlemap事件创建一个RxJS可观察流。我知道如何从native浏览器事件中执行此操作,如下所示:varresult=document.getElementById('result');varsource=Rx.Observable.fromEvent(document,'mousemove');varsubscription=source.subscribe(function(e){result.innerHTML=e.clientX+','+e.clientY;});mousemove是一个浏览器事件,这使我相信.fromEvent()将mousemove识别为硬编码

javascript - `new Array(5).map()` 是如何工作的?

这个问题在这里已经有了答案:JavaScript"newArray(n)"and"Array.prototype.map"weirdness(14个答案)WhydoesArray.apply(null,[args])actinconsistentlywhendealingwithsparsearrays?(2个答案)DifferencebetweenArray.apply(null,Array(x))andArray(x)(5个答案)关闭5年前。我最近发现映射一个未初始化的数组似乎并不像我预期的那样有效。使用此代码:functionhelloMap(value,index){retur

javascript - onClick 时 react 删除元素

我试图在按下onClick时删除一个div。div存在于我的父组件上render(){constlistPlayers=players.map(player=>());return(ScoreKeeperAsortablelistofplayersthatwithadjustablescores.Warning,don'tgonegative!{listPlayers});}它将props传递给按钮删除div的子组件,在这里return((我剪掉了其余的代码,因为它很长而且在这里没有用)数组(一个单独的文件)被导入到Parent组件中,它是这样的constplayers=[{name: