草庐IT

CSS属性

全部标签

具有嵌套属性的 Javascript 合并对象

让我们看下面的例子:varref={"fullName":{"rules":{"type":"string","minLength":4,"maxLength":64},"description":"Fullnameofauser."}};varuser={"fullName":{"rules":{"required":true,"maxLength":128},"message":"Youhavesubmittedawrongfullname."}};现在我想要的是:合并对象和属性。如果已经设置了第二个对象的属性,则保留它们(maxLength)下面是我期望的结果:varres={"

javascript - 克隆 CSS 类

我想将所有:hover类复制到.hoverid类中,其中id是元素的索引(或任何其他方式创建独特的悬停类名称)。因此,我的想法是以某种方式遍历页面上定义了:hover的所有元素,并将该类克隆到.hoverid中。这样我就可以像这样在任何我想要的元素上触发悬停效果:$('#element').addClass('hover'+$(this).id);所以我的问题实际上是:如何遍历定义了“:hover”的元素?如何将那个类克隆到另一个类中?尝试您的解决方案:http://jsfiddle.net/kLt2P/ 最佳答案 您实际上可以使用

javascript - css3pie 打乱了 DOM,导致 jQuery 选择器错误

为了在IE6/7/8上获得CSS3效果(边框半径、框阴影...),我使用了css3pie。然而,css3pie在DOM中生成了一些css3-container(v1)/css3pie(v2)标签,这打乱了预期的架构。这是一个例子:CSSpre{border:1pxsolid#aaa;border-radius:5px;behavior:url(pie.htc);}HTMLbarparagraphpreformattedjQuery//undefinedexpected:getmealert($("pre").prev().attr("class"));//css3-containere

javascript - 给对象属性一个数组值?

我有以下代码,我想使牌组阵列充满52张不同的牌。每当我运行代码并提醒卡片对象时,它都会显示为“[objectObject]”。有人可以向我解释为什么这样做以及解决这个问题的方法吗?varsuits=["Clubs","Diamonds","Hearts","Spades"];varranks=["A",2,3,4,5,6,7,8,9,10,"J","Q","K"];vardeck=[];for(vari=0;i 最佳答案 为什么这样做这是完全正常的。当您执行alert()时,您创建的卡片对象不知道如何表示自己,原因很简单,因为没有t

javascript - 使用 css 和 javascript 将 div 翻转 180 度

我想使用触发css动画的javascript函数将div翻转180度。我的div有以下声明:.start-photo-thumb{position:relative;float:left;background:#444444;height:192px;width:192px;margin-right:10px;margin-bottom:10px;perspective:1000px;animation:rotating0.6slinearinfinite;animation-play-state:paused;}@keyframesrotating{from{transform:ro

javascript - javascript对象属性的笛卡尔积

我有一个以下形式的对象(下面的简化测试用例)vartest={shirts:{sizes:['large','medium'],colors:['red','blue']},trousers:{type:['formal','casual'],pattern:['plaid','stripes']}};我想生成属性的笛卡尔积,以便输出为以下形式的数组://desiredoutput[{shirts:{sizes:'large',color:'red'},trousers:{type:'formal',pattern:'plaid'}},{shirts:{sizes:'large',co

javascript - 通过使用带有 CSS 的图像显示背景网格

UPDATEDDEMO工作得很好,除了当我改变时背景图像正在调整大小:background-size:20px20px;是否可以保持原图大小,让背景图重叠(隐藏图片超出左上框(20px20px)的部分)?B计划是在设置的base64图像内容中用JS裁剪图像... 最佳答案 使用只有左边框和上边框的svg图像可能就是您要找的东西?检查片段,或这个jsfiddle(fiddle包含放大/缩小网格的按钮):body{background:url('http://testbed.nicon.nl/img/_FBs3b.svg')repeat

javascript - 如何通过多个属性对 javascript 对象数组进行分组?

我想将showtimesData转换为showtimesByLocationByDate知道如何在不使用任何第三方库而只使用纯javascript的情况下做到这一点吗?否则,我可以为此使用什么第三方库?varshowtimesData=[{"location":"location1","date":"31-12-2016","time":"1:00"},{"location":"location1","date":"31-12-2016","time":"2:00"},{"location":"location1","date":"01-01-2017","time":"3:00"},

javascript - 使用条件将属性从一个对象复制到另一个对象

Lazy-me想知道是否有更好的方法将一个对象(源)中的属性复制到另一个对象(目标),前提是后者存在属性?它不一定必须使用下划线。例如,_.mixin({assign:function(o,destination,source){for(varpropertyinsource){if(destination.hasOwnProperty(property)){destination[property]=source[property];}}returndestination;}});console.log(_().assign({a:1,b:2,d:3},{a:4,c:5}))//a:

javascript - 单个文件组件 vue js 上的属性 this.$el undefined

我正在尝试使用laravelmix和vuejs创建一个全局组件,但是在访问属性this.$el时它是未定义的。这是我的组件文件:日期选择器.vueexportdefault{props:['myclass','name','placeholder','value'],data(){return{}},created(){console.log("this.$el",this.$el);//undefinedconsole.log("this",this);//$elisdefinedvarvm=this;varoptions={"locale":"es","onChange":func