草庐IT

html属性

全部标签

javascript - Firebase - 使用附加数据填充属性/数组

下面的可观察对象创建了一个事件对象数组。eventsRef:AngularFireList;events:Observable;this.eventsRef=db.list('events');this.events=this.eventsRef.snapshotChanges().map(changes=>{returnchanges.map(c=>({key:c.payload.key,...c.payload.val()}));});我需要从其他数据库列表向this.events添加额外的数据。所以我需要每个事件对象都包含guest人数和数据eventsFilters。我不知道该

javascript - Nextjs React SSR with styled-jsx - 无法读取未定义的属性 'state'

我偶然发现了一个我似乎无法解决的问题。我试图在这里搜索解决方案,但无法帮助自己。我是javascript的新手,所以要考虑周到。问题:我将React(16.5.0)与nextjs(6.1.2)和styled-jsx一起使用,如下所示:importReact,{Component}from'react';importPropTypesfrom'prop-types';importLinkfrom'next/link';classProductCardextendsComponent{constructor(props){super(props);this.state={imgLoaded

javascript - 绕过 HTML 导入的安全性

我正在导入HTMLsnippet来自第三方并将其嵌入到我的Angular7应用程序之外的某个占位符中。片段中有一个以javascript:开头的链接,Angular将以unsafe:为前缀,这会破坏其功能。DOMSanitizerAngular似乎只提供了一种绕过HTML字符串安全性的方法。但是,在下面的方法中,我只是读取DOM节点并将其附加到不同的目的地。所以我需要一个DOM节点的解决方案。根据我的研究,在appendChild调用之后插入的节点是正确的,但是在Angular添加unsafe:几毫秒之后。如何绕过DOM节点的安全性?privateinsertPart(componen

javascript - 使用在组件类中找到的变量修改伪元素属性值的 Angular/Mobile 友好方式是什么?

有没有比我目前正在做的更好的方法来使用组件变量修改伪元素属性?我没有按照Angular的方式来做,但这是我的目标。我的方式在移植到移动设备时肯定会失败。我想在组件样式表中放置一个变量:组件:@Input()publicvariable=variable;组件样式表:input[type=range].MPslide.pvd-slider::-webkit-slider-runnable-track{background:linear-gradient(#568200,#568200)0/variable100%no-repeat#ccc}不幸的是,它不存在于我的模板中,所以我无法在其上

javascript 按最近的开始日期时间排序以显示最远的距离和另一个属性

我必须按开始日期时间进行排序,并引用具有多个属性的当前日期时间。例如,我有这个列表:Name1Name2Name3Name4Name5Name6Name7Name8并且当前日期时间是09-04-201915:15,所需的输出应该是:Name7Name5currentDate-->Name3Name2Name4Name6Name1Name8我试过了,但不包括inplay参数,而且顺序也不完全正确varlist=$("ul>li");vartarget=newDate().getTime();varsortByStartTime=function(a,b){varret=0;varstar

javascript - 如何获取 javascript 对象属性的子集

假设我有一个对象:elmo={color:'red',annoying:true,height:'unknown',meta:{one:'1',two:'2'}};我想用它的一部分属性创建一个新对象。//pseudocodesubset=elmo.slice('color','height')//=>{color:'red',height:'unknown'}我怎样才能做到这一点? 最佳答案 使用对象解构和属性简写constobject={a:5,b:6,c:7};constpicked=(({a,c})=>({a,c}))(obj

javascript - URL 中的 HTML 和 CSS 导致 404 错误(用户代理 = Trident/4.0)

我在URL中收到一些带有代码片段(CSS、HTML和JavaScript)的404。据我所知,用户在他们的session期间在网站上的进展情况很好-它是一个电子商务网站,受影响的用户正在将东西放入他们的购物篮并检查OK等。在某些页面上,我看到404错误与看似成功的页面显示相邻。每次显示该页面(在该session中)时,我都会收到相同的404错误。记录的404错误示例:404;http://www.example.com/rrepeat:repeat-y;有问题的页面上有一个匹配实例(除了第一个“r”):我已经检查了包含的CSS文件,但没有匹配项(如果匹配,我想我会在包含CSS文件的所有

javascript - 嵌入式媒体未显示在 TinyMCE 的 html 编辑器中

它不会保存。我使用媒体插件插入来自YouTube的视频。电影出现在预览中。我按下插入键。这就是ed.execCommand('mceInsertContent',false,h);media.js中的输出:当我按下插入/提交时。我在编辑器中看到一个黄色框。我检查了源html,我看到的只是一个 移动嵌入的东西应该在哪里。我保存,黄色框消失了。这是我当前的tinymce初始化脚本:tinyMCE.init({//Generalmode:'none',theme:'advanced',skin:'grappelli',dialog_type:'window',browsers:'g

javascript - 序列化 DOM 元素,包括所有 CSS 属性

我正在开发一个像yola.com这样的在线网站设计系统。我想获取应用的CSS属性及其值到任何DOM元素的列表。例如,我有一个h1标签,它的css在调整大小和拖动时由jqueryui随机更改,还通过tinymce等更改其文本装饰和文本内容等。我在这个页面上有一个保存按钮。当我点击保存时,我想使用php将所有这些更改保存到数据库中。现在我的目标是只知道每个元素的css和内部文本内容。我该怎么做? 最佳答案 在javascript中,您可以通过调用找到元素的当前类名element.getClassName();至少在当前版本的firefo

javascript - HTML5 视频帧捕获到位图

我得到了这个脚本:functioncapture(video,scaleFactor){if(scaleFactor==null){scaleFactor=1;}varw=video.videoWidth*scaleFactor;varh=video.videoHeight*scaleFactor;varcanvas=document.createElement('canvas');canvas.width=w;canvas.height=h;varctx=canvas.getContext('2d');ctx.drawImage(video,0,0,w,h);returncanvas