草庐IT

新元素

全部标签

javascript - 按类不返回元素的 Angular Fixture DebugElement 查询

正如Angular.io框架测试文档所建议的,我一直在尝试使用AngularTestbed+Karma测试运行器来使用DebugElement查询。我创建了一个jqwidgetsTree组件,它生成类'.jqx-tree-item-li'的li元素。以下在DOM测试中直接使用javascript的测试通过了GREEN:it('Elementsofclassjqx-tree-item-lifoundusinggetElementsByClassName',(done)=>{this.fixture.whenStable().then(()=>{varelementArray=docume

javascript - 按元素分块数组

如何按元素对数组进行分块?例如lodash有这个函数按长度分块数组_.chunk(['a','b','c','d'],2);//=>[['a','b'],['c','d']]_.chunk(['a','b','c','d'],3);//=>[['a','b','c'],['d']]所以我有一个像这样的数组['a','b','*','c']我可以做类似的事情吗chunk(['a','b','*','c'],'*')这会给我[['a','b'],['c']]它类似于数组的字符串拆分 最佳答案 您可以使用array.Reduce:vara

javascript - Web 音频 API 获取 <audio> 元素的 AudioBuffer

我有一个音频元素varaudioSrc='https://mfbx9da4.github.io/assets/audio/dope-drum-loop_C_major.wav'varaudio=document.createElement('audio')audio.src=audioSrc我需要AudioBuffer做beatdetection所以我尝试在加载音频时访问缓冲区:audio.oncanplaythrough=()=>{console.info('loaded');varsource=context.createMediaElementSource(audio);sour

javascript - 页面滚动时将 Div 元素从一个移动到另一个

我看到了一些与我正在寻找的相似但不完全相同的东西。所以我想做的是将元素从一个父div内移动到另一个父div,但只有在用户向下滚动页面一定量后才可以。因此,一旦用户到达页面上的某个点,元素就会移动到另一个点,然后在页面的最顶部淡入。到目前为止,我已经能够创建div元素并让它显示在页面顶部,但只有在用户向下滚动600时才会显示。我现在需要做的是一旦这个元素出现移动其他div页面上的元素出现在其中。不确定我是否解释得很好!因此,如果您查看下面的代码,我现在要做的是在用户向下滚动并出现时将所有div类“Test”移动到“Top”元素内。然后,如果用户再次向上滚动,“Top”元素就会消失,“Te

javascript - 如何在点击 react 时为唯一的一个元素切换类

我正在尝试在React中制作一组翻转的卡片。你可以在下面看到我的代码。当我点击卡片时,它们都会翻转,但我的目标是只翻转我点击的那些。我该怎么做?这是我的卡片组件:importReactfrom'react';exportdefaultclassCardextendsReact.Component{render(){letclassName=this.props.condition?'card-componentflipped':'card-component';return();}}这是我的Deck组件:importReactfrom'react';importCardfrom'./C

javascript - 如何选择在其 id 属性中具有反斜杠的元素

在浏览官方文档时,我无法理解为了匹配第一个div,他们是如何写四个反斜杠(\)的,在我看来应该有两个反斜杠。我找不到有效的逻辑原因document.querySelector('#foo\\\\bar');//Itmatchesthefirstdiv 最佳答案 这是由于浏览器对id属性中的反斜杠进行了转义。所以会变成因此,为了选择元素,我们需要提供\\\\来选择元素。varelements=document.querySelector('#foo\\\\bar');console.log(elements);varelements=

javascript - 如何将多个元素插入到多维数组的同一个索引中?

我想在GAS中组合两个数组,arr2是多维的。arr1=["Diesel","Solar","Biomass"]arr2=[["ABC","Nigeria","Diesel,Solar",35],["DEF","Egypt","Solar,Diesel",50],["GHI","Ghana","Biomass,Diesel",70]]我想要做的是将arr1的元素插入arr2中每一行的索引3,所以它看起来像:newArr=[["ABC","Nigeria","Diesel,Solar","Diesel",35],["DEF","Egypt","Solar,Diesel","Solar",

JavaScript:如何从 keyup 事件中获取发送者输入元素的值?

我需要捕获keyup事件以在用户输入输入时提供实时验证(更改事件仅在输入失去焦点时触发)。我无法获取触发evnt的输入的编辑值。该代码还在计时器上运行,以防止在用户键入时多次调用(每500毫秒触发一次)。我有几个类为“priceinput”的输入,并附加到每个的keyup事件,如下所示:vartimer;$(document).ready(function(){$(".priceinput").each(function(){$(this).keyup(function(e){clearTimeout(timer);timer=setTimeout(function(){//howto

javascript - 如何检查浏览器是否支持 HTML 元素

有没有办法检查标签是否是有效的html标签和/或浏览器是否支持?就像我在一组p1标签中键入文本“hi”一样,浏览器不会显示任何内容,但p1不是有效的html标签。如何使用javascript检查这个? 最佳答案 如果要测试是否支持HTML5标签和属性,可以使用Modernizr—它是您包含的一个JavaScript文件,它会为您完成工作。它还增加了对之类的支持和使用JavaScript发送到浏览器,这样您就可以放心地使用它们了。如果您想确定支持XHTML1.0或HTML4标签……好吧,您可以假设它是支持的。没有人再使用Netscap

javascript - 如果元素不存在,则 jQuery 异常

我使用jQuery,如果我附加某个事件或尝试对不存在的元素(从选择器获取)执行某些操作,我需要随时随地获取异常(通过任何操作)。对于这个问题,jQuery中是否有一些内部“严格”模式? 最佳答案 不,没有。但是,您可以为它制作一个简单的插件:$.fn.checkEmpty=function(){if(!this.length)thrownewError("Noelementsmatchedby"+this.selector);returnthis;};$('...').checkEmpty().bind(...);或者:functi