草庐IT

list-style-type

全部标签

改变 this.style.backgroundImage 的 Javascript

给定以下代码,我将如何完成tileClick()以便将点击的图像从“tileBack.jpg”更改为显示分配给该特定div的图像在shuffleDeck()中?我的意思是,tileClick()函数应该获取当前显示tileBack图像的图block,并在单击时显示该图block“反面”的图像.到目前为止,您可以看到我是如何尝试定位被单击的特定磁贴的,尽管我不确定此处是否正确使用了this.。在该声明的另一边,我尝试做类似="../img/tile_"+tiles[i]+".png";的事情,但显然问题在于i不存在于该函数的范围内。我的问题是我不知道如何重构我的代码,以便我可以访问以前分

javascript - 为什么我可以在 JS 中设置样式而不违反内容安全策略 style-src 'self' ?

设置style-src至'self'通过style禁用内联样式标签或style属性。这按预期工作。添加style通过JS的元素也被阻止。但我真的很惊讶我仍然可以设置HTMLElement的属性的style目的。例如,这不会触发CSP违规:document.getElementById('test').style.backgroundImage='url("image.png")';这如何防止攻击,如描述的那些here或here? 最佳答案 大概是因为如果您已经允许脚本注入(inject),样式修改是您最不担心的事情。样式元素和属性被

javascript - 流: is not a polymorphic type

我刚刚整合了flow第一次静态检查我的javascript源。我正在为发现的错误流程而苦苦挣扎,但我无法自行解决。它是关于使用es6类和继承的。更具体地说,我创建了一些react组件,它们应该继承一些方法。我有一个标注组件,它表示未指定严重性的标注消息。为了使事情更简单一些,我考虑提供一个ErrorMessage组件,它继承了Callout组件。我的类(class)结构如下:React.Component>AbstractComponent(hereiaddsomeproject-widehelpersfori18nandsoon>Callout(thisrepresentsapret

JavaScript/jQuery : Animate li movement within a list?

我有一些代码与此处的jQueryUISortable示例基本相同:http://jqueryui.com/demos/sortable/#default这允许用户重新排序UL中的LI元素。不过,我现在遇到了一种情况,我想为LI改变位置设置动画……基本上就像用户自己拖动它们一样。事实证明,这比我预期的要困难得多,因为我没有为可以用CSS表达的变化制作动画,所以jQuery的animate()不会有帮助。我可以通过做一些数学运算并绝对定位列表元素来解决这个问题,但这看起来非常丑陋。有没有一种优雅的方法可以让我的列表元素四处移动? 最佳答案

javascript - 基于 Blob 的 'link stylesheet' 与标准 'style' 标签

我想知道使用样式作为Blob链接有什么好处和区别:在标准标签上:...我的意思是像这样创建Blob:varblob=newBlob([css_here],{type:'text/css'});varlink=document.createElement('link');link.rel='stylesheet';link.href=window.URL.createObjectURL(blob);head.appendChild(link);提前致谢。 最佳答案 内存管理如果你把东西放在style中,然后删除-它就不见了。但是,如果

javascript - 是否可以知道 input type = datetime-local 是否已填充一半?

是否有可能知道inputtype=datetime-local是否已填充一半?比如只填日期或者时间?无论是空的还是半填的,input标签的元素对象值为空。varvaluedate=document.getElementById('dueDate');console.log(valuedate.value());对于这两种情况,Date.parse也会返回NaN。有可能的解决方案吗?如果有帮助,我正在使用Jquery和AngularJS。随意使用其他输入类型(没有额外的库)发布更清晰的解决方案。目的是让用户填写这两个字段。编辑:字段可以留空或完全填写。我需要知道它是否已填满一半,以便我可

javascript - 使用 Styled-Components,如何在 Styled Component 之外设置颜色数组?

theme.js-我有一个Styled-Components主题,其中包含我应用的所有颜色变化。constcolors={purples:{60:'#AEA',50:'#GSA',},blues:{20:'#asd',5:'#fasd',}...然后我有一个UI组件,我需要在其中按特定顺序定义一组颜色:importReactfrom'react';constcolors=['#GSA','#AEA','#asd','#fasd','#AEA'];我稍后使用此colors数组根据状态找到要在我的组件中使用的正确颜色:constgetBackgroundColor=({currentPos

javascript - JSDoc @type 花括号有什么用?

JSDoc@type标签允许指定变量类型,例如/**@type{Number}*/。然而,我也看到了没有花括号的/**@typeNumber*/,它似乎同样有效。UseJSDoc有一个带花括号和不带花括号的例子,但没有讨论区别。GoogleClosureCompiler文档暗示所有声明都必须有大括号,但没有具体说明如果没有大括号会发生什么情况。大括号重要吗?如果是这样,为什么?如果没有,我应该使用它们吗? 最佳答案 我最好的猜测是大括号是为解析器准备的,因为某些类型规范中可以包含空格。例如。具有字符串键和数字值的对象:{Object

javascript - 设置多个 style.background 值

我想在我的背景中使用渐变并且是跨平台的我想设置带有vendor前缀的背景:background:-webkit-linear-gradient(red,blue);background:-o-linear-gradient(red,blue);background:-moz-linear-gradient(red,blue);background:linear-gradient(red,blue);如何在HTMLElement上设置多个style.background,使用Javascript来支持vendor前缀?更新:我不想使用jQuery或任何其他外部库。

javascript - 将 C# List<string> 转换为 Javascript

我想将List类型的模型属性转换为可在同一View中使用的Javascript变量。这是我的模型结构:publicstringTitle{get;set;}publicstringDescription{get;set;}publicListImgLinks{get;set;}我想要模型的ImgLinks属性的Javascript数组或json。我试过了-varimageLinks=@(Html.Raw(Json.Encode(Model.ImgLinks)));但是我收到语法错误警告。任何人都可以帮助我转换为javascript数组和json吗? 最佳答案