草庐IT

styling_file_inputs_with_css_and_

全部标签

javascript - react .js : how to make inline styles automatically update progress bar on state change

我在React.js和ZurbFoundation中构建了一个进度条,我想反射(reflect)当前状态。我知道一开始我可以用这样的东西设置宽度:render:function(){varspanPercent=(this.props.a-this.props.b)/this.props.a+'%';varspanStyle={width:spanPercent};return();}但是,当props的值由于状态变化而变化时,即使props值发生变化,内联样式也不会更新。是否有执行此操作的最佳实践,例如使用回调或将代码放在其他地方?如果有任何帮助,我将不胜感激!

javascript - 检索 CSS 是否需要 'getPropertyValue' 方法?

如果我们只能使用getComputedStyle方法,您能告诉我为什么我们需要使用getPropertyValue方法吗?例如,据我所知,这会起作用:vars=getComputedStyle(element,null).opacity;相当于以下内容:vars=getComputedStyle(element,null).getPropertyValue('opacity');我们可以在没有getPropertyValue的情况下使用getComputedStyle吗? 最佳答案 根据老DOML2Style,getProperty

javascript - 如何在 RxJs Observable 中使用 Skip and Take

我正在学习Angular2、TypeScript、RxJs等,但我在使用RxJs和Observable返回服务内的数据子集时遇到问题。我希望下面的getCars函数读取一个json文件,解析它并返回一部分数据(偏移量和计数)。但是,我总是能取回所有数据(我正在测试的文件中有200个实体/汽车)。我做错了什么?实体服务@Injectable()exportclassEntityService{constructor(privatehttp:Http){}getCars(offset:number,count:number):Observable{returnthis.http.get('

javascript - 为什么这不是在 JS 中使用 querySelectorAll 的有效 CSS 选择器?

这个问题在这里已经有了答案:IsthereareasonwhyCSSdoesn'tsupportidsandclasses,startingfromnumbers?(8个答案)CanXHTMLandHTMLclassattributesvaluestartwithanumber?(3个答案)关闭5年前。我正在尝试使用VanillaJS在我的DOM中找到所有具有2x类的img元素。我正在使用querySelectorAll方法,如下所示:document.querySelectorAll('img.2x');但是它在控制台日志中抛出这个错误:UncaughtDOMException:Fa

javascript - Angular 5 : ng build - -prod fails due to clean-css: Cannot read property 'line' of undefined

我的应用在Angular5.2.6下。ngserve一切正常,但是当运行ngbuild--prod时,它需要一段时间,然后才会失败。这些错误似乎与clean-css操作有关。错误跟踪:92%chunkassetoptimization/home/khalidvm/Desktop/Workspace/Front/frontend_v2/node_modules/clean-css/lib/reader/input-source-map-tracker.js:37if(originalPosition.line===null&&line>1&&selectorFallbacks>0){^T

javascript - JQuery - 获取宽度 : auto from inline style

我正在尝试使用jquery获取元素的内联属性:width:auto。一旦我获得宽度,.width()就会返回一个px值,而不是auto。这是我需要的示例:我有一个img设置了这个内联样式:我需要将该图像包装在a中,以使图像可点击。我还需要获取图像样式并将其移动到anchor标记://---getheight,widthandentirestylevarimgHeight=$("#image").height();varimgWidth=$("#image").width();varimgStyle=$("#image").attr("style");//---removeinlines

javascript - 如何使用 JavaScript 获取以度为单位的 CSS 变换旋转值

我正在使用代码foundatCSS-Tricks使用JavaScript获取当前旋转变换(在CSS中)。JavaScript函数:functiongetCurrentRotation(elid){varel=document.getElementById(elid);varst=window.getComputedStyle(el,null);vartr=st.getPropertyValue("-webkit-transform")||st.getPropertyValue("-moz-transform")||st.getPropertyValue("-ms-transform")

javascript - 从 Knockout.js 选项数组中删除后重新初始化 Materialize.css 选择框

我有一个选择框,其中的选项和选择是通过Knockout.js处理的。我想使用MaterializeCSS设计它的样式。此功能可正常用于选择框的初始显示,并且当将选项添加到optigon.js'options'observablearray时,通过使用“optionsfafterrender”绑定(bind)在添加每个选项后的(rereret)初始化(浪费,浪费,但有效)。删除选项时,Knockout.js不提供类似于“optionsAfterRender”的任何内容,因此没有明显的方法来触发MaterializeCSS魔法的重新初始化。问题:您是否可以看到任何非疯狂的选项?代码:('s

javascript - Angular 2 自定义验证器 : check if the input value is an integer?

在Angular2项目中,我需要验证一些输入。如何轻松检查输入值是否为整数?我尝试使用Number(control.value)为空字段返回0-不好。或parseInt(control.value,10)不考虑空格:如果我有类似的东西:1space0,24=1,024它返回1-它通过了验证器没有错误。Lodash函数如:_.isInteger(control.value)或_.isNumeric(control.value)//每次都返回false-这是预期的,因为输入值是字符串而不是数字。像这样组合方法会创建一个包含许多if/else语句的困惑函数,即便如此,我也不确定我是否得到了所

javascript - 如何使用 javascript 或 jquery 生成 CSS 路径?

对于如何为元素生成CSS路径有什么建议吗?CSS路径是用于标识特定元素的css选择器的路径,例如,如果我的html是:123然后,“3”的类路径将是div#foodiv.barullispan.selectedJQuery使用类路径来识别DOM元素,可能会提供一个很好的解决方案,但直到现在我都找不到。 最佳答案 我不明白为什么这个问题被否决了,这是一个很好且合理的问题这是一个关于如何做到这一点的(过于简单的)例子functiongetPath(elem){if(elem.id)return"#"+elem.id;if(elem.ta