草庐IT

CSS的hover属性

全部标签

javascript - Angular 2 : How to use css calc() with some component value?

我想使用calcCSS函数根据组件值计算div高度。它给我的错误:TypeError:co.calcisnotafunction我的代码: 最佳答案 您的语法不正确。正确的方法是: 关于javascript-Angular2:Howtousecsscalc()withsomecomponentvalue?,我们在StackOverflow上找到一个类似的问题: https://stackoverflow.com/questions/45456674/

javascript - Vue-meta:metaInfo 无法访问计算属性

我正在使用vue-meta来动态更改我的元标记。我只想在某些特定页面上更改它。我正在使用metaInfo函数并尝试更改,例如,标题。但是来self的getter的数据是未定义的,这就是为什么我不能更改元标记中的标题。似乎metaInfo函数尝试在组件实际拥有数据之前访问数据。这是我在组件中的代码:...exportdefault{metaInfo(){return{title:this.getViewPage.data.meta.title,//dataisundefined};},created(){this.loadViewPage();},computed:{...mapGett

javascript - 合并两个 javascript 对象添加公共(public)属性的值

我有两个或多个javascript对象。我想合并它们,添加公共(public)属性的值,然后按值的降序对它们进行排序。例如vara={en:5,fr:3,in:9}varb={en:8,fr:21,br:8}varc=merge(a,b)c应该是这样的:c={fr:24,en:13,in:9,br:8}即合并两个对象,添加公共(public)键的值,然后对键进行排序。这是我尝试过的:vara={en:5,fr:3,in:9}varb={en:8,fr:21,br:8}c={}//copycommonvaluesandallvaluesofatocfor(varkina){if(type

javascript - !important 规则可以用在 IE 的 CSS 表达式中吗?

首先,我知道CSS表达式在很多方面都已失效和错误,并且尽可能避免使用!important。这是一个specialcasestylesheet.简而言之我的问题是...有没有办法让CSS表达式设置!important标志?例如这不起作用:a{color:expression('red!important');}[编辑:感谢MarmaladeToday在下面的评论]。这也行不通:a{color:expression('red')!important;}这可以通过其他方式完成吗?详细说明我实际上想做的是模仿IE6和7中的inherit值。这有效:color:expression(this.p

javascript - translate3d vs css left/top 和硬件加速

据我了解,使用translate3d()时会启用iOS设备上的硬件加速。那为什么thistestonjsperf显示使用cssleft/top更快? 最佳答案 我在iOS上广泛使用translate3d代替CSSleft/top,我可以说一件事:动画的东西确实更快(jsperf似乎做不到。)我的猜测是,基准测试时左/上更快,因为没有动画并且我认为也没有显示任何内容。当与transition(或-webkit-transition)结合使用时,translate3d会发挥它的魔力。 关于j

javascript - 通过 property 或 setAttribute 设置属性

其中一个比另一个更可取吗?为什么?性能如何——如果这些被调用了数千次?A)element.setAttribute("disabled",true);B)element.disabled=true;它们似乎都禁用了FF4中的input[text]元素。 最佳答案 一般来说……使用属性。很长一段时间(直到版本7或8IIRC),InternetExplorer的setAttribute实现严重中断,它会设置属性而不是属性(经典的失败点是class因为没有class属性(它是className)。特别是在这种情况下......elemen

javascript - 为什么内置函数没有原型(prototype)属性?

鉴于ES5.1标准规定...1)http://es5.github.com/#x13.2脚下的注释NOTEAprototypepropertyisautomaticallycreatedforeveryfunction,toallowforthepossibilitythatthefunctionwillbeusedasaconstructor.2)http://es5.github.com/#x15.3.5.2NOTEFunctionobjectscreatedusingFunction.prototype.binddonothaveaprototypeproperty.(这意味着所

javascript - 除非我使用超时,否则 CSS 转换不起作用

我有几个类:hide是display:none,transparent是opacity:0.元素pr_container有-webkit-transition:opacity1s。以下基于JQuery的代码使元素以动画形式出现:pr_container.removeClass("hide");setTimeout(function(){pr_container.removeClass("transparent");},0);但是,当我删除setTimeout而只是删除第二个类时,没有动画。为什么?编辑:我使用的是最新的Chrome,我还没有检查其他浏览器。编辑:我尝试将两个调用放在同一

javascript - OSX 上的 Safari 6 中的 CSS3 闪烁(但这不是闪烁到白色的问题!)

此问题不会出现在iOS或Chrome上,因此它不是与Webkit相关的问题。它似乎特定于OSX10.8.2上的最新Safari6.0.2(并且未被Safari6.0.3附带的10.8.3预览版本12D65修复)。我将很快在带有Safari6.0.2的Lion10.7.5上进行测试,还将在预览版12D68上进行测试。http://jsfiddle.net/zrr2b/这是一个使问题非常明显的fiddle。如果您有一台运行ML的Mac,您应该会看到Chrome和Safari之间的显着差异,当您移动鼠标时,Safari会闪烁很多。基本上,问题是Safari会间歇性地绘制从JS为单个帧设置的目

javascript - 在 Visual Studio 2013 中,如何在构建后步骤中缩小 Javascript 和 CSS

在VisualStudio2013中,如何在构建后步骤中缩小Javascript和CSS?我想将每个单独的css和js文件压缩到同一文件夹中的.min.js或.min.css中。我不想checkin缩小的文件,而是让它们在构建后生成。 最佳答案 我发现的所有解决方案都需要为最小化版本使用不同的文件名,并且需要做很多额外的工作才能在使用普通/缩小版本之间切换。相反,我希望压缩的JavaScript文件具有原始名称,这样我就不必更改HTML标记中的引用。我可以在我的开发环境中使用普通的Javascript文件,然后在发布时自动部署最小化