草庐IT

数据元素

全部标签

javascript - querySelectorAll,通配符元素匹配?

我正在使用document.querySelectorAll()我知道[id^='id1']将匹配所有以id1开头的ID。[id$='textBox']将匹配所有以textBox结尾的ID。但我想要这两者的结合。这就是我想要做的事情:document.querySelectorAll('[idshouldshartwithid1andendingwithtextBox]')这可能吗? 最佳答案 有可能combineselector通过没有任何空格的连接。document.querySelectorAll("[id$='textBox

javascript - 数据表标题在页面加载时不是全宽

当使用数据表加载我的Web应用程序页面时,数据表已加载但行不是表格的全宽。编辑数据或在数据表搜索中搜索后,标题跳到全Angular。看图片。对此有任何解决方案或解决方法吗?数据表截图:我的普通数据表很好,但这个是在模态中加载的。代码模式:×".$shop['Shop']."".$shop['Name']."".$shop['District']."";}?>我在页面页脚中使用的javascript://datatabletodisplayallselectedshopsondetailpageselectedshoptable=$('#DataListTableSelect

javascript - 第二个 .then() on promise 被调用时数据未定义

我在名为accountManager的服务中有一个函数返回如下所示的promise:这个promise上的.then()会触发并打印出预期的响应。signIn(email:String,password:String):Promise{returnthis.http.post('http://localhost:3000/api/signin',JSON.stringify({"email":email,"password":password}),{headers:this.headers}).toPromise().then(res=>{//**Thisisdefined**cons

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 - 对右偏数据使用正确的色标

我有域为[0,100]的数据,但它们并不统一,它们非常向右倾斜,也就是说,它们中的大多数值都在80到100之间。我想用这些数据进行可视化并使用颜色来区分它们(例如:热图、map...)。什么是正确的色标?我尝试了线性标度、幂标度和分位数标度。最好的一个好像是分位数尺度但是还是有问题:我想更好地区分最后一个值(右边的值)的颜色,它们看起来都是黑色的,这可能吗?在这个例子中,我使用了灰度,如果我想使用Viridis或Magma比例呢?这是我的代码。functionsortNumber(a,b){returna-b;}vardata=[90,95,50,1,99,89.1,87,94,95,