草庐IT

CSS属性

全部标签

javascript - 从属性值中获取属性键

给定以下javascript对象:varcommands={back:{command:"b",aliases:["back","goback","backwards"],action:function(){returnthis.key;//Iwantthistoreturn"back"(thepropname)},desc:"goesback"}}如何从action()中访问“返回”的属性名称?我认为它应该非常简单,但如果它不简单,我会添加更多细节。注意:aliases[0]是偶然持有这个名字的,我们不promise在将来或其他命令中持有它。编辑:有时我们会变得复杂,但我们可以很快解

javascript - 更新深层不可变状态属性时,Redux 不更新组件

我的问题:为什么在我的不可变状态(映射)中更新数组中对象的属性不会导致Redux更新我的组件?我正在尝试创建一个将文件上传到我的服务器的小部件,我的初始状态(来self的UploaderReducer内部,您将在下面看到)对象如下所示:letinitState=Map({files:List(),displayMode:'grid',currentRequests:List()});我有一个thunk方法,它在事件发生时(例如进度更新)开始上传和分派(dispatch)操作。例如,onProgress事件如下所示:onProgress:(data)=>{dispatch(fileUpl

javascript - 从父级访问 Vue 中组件的计算属性

如何从父级访问Vue中组件的计算属性?在此示例中,我有一个包含商品组件的购物车,我想计算并显示购物车商品的总和:购物车.jsvarvm=newVue({el:'#cart',components:{cartItem:require('./components/cart-item.js'),},data:{items:[{name:'apple',qty:5,price:5.00},{name:'orange',qty:7,price;6.00},],},computed:{//IwanttodosomethinglikethisandaccesslineTotalfromcartcar

javascript - 如何使用自定义事件(特别是自定义 dataTransfer 属性)触发事件?

我目前正在尝试测试一些使用拖放的代码。我发现了一些与此有点相关的其他问题,但它们太具体而无法帮助我,或者不够相关。这是一个测试,我正在努力尝试在.on('drop',function(e){....}事件中自动执行代码。主要问题是不是我不能运行里面的代码,而是我不能传输dataTransfer属性,而且我似乎无法伪造它,因为它是只读的。有没有办法伪造dataTransfer属性或以其他方式绕过它?我想出了这个JSFiddle作为我正在尝试做的事情的模板:https://jsfiddle.net/gnq50hsp/53/基本上,如果您能够向我解释(如果可能的话)我如何伪造dataTran

javascript - enzyme 模拟提交表单,无法读取未定义的属性 'value'

我在使用jest和enzyme测试组件时遇到了一些困难。我想做的是测试提交名称字段中没有值的表单。这将确保组件显示错误。但是,当我运行其余部分时,我的控制台出现错误:TypeError:Cannotreadproperty'value'ofundefined我对前端测试和一般测试还很陌生。所以,我不完全确定我是否正确地使用enzyme进行此类测试。我不知道我的测试是否不正确,或者我是否刚刚编写了一个不容易测试的组件。如果可以更轻松地测试,我愿意更改我的组件吗?组件classInputFormextendsComponent{constructor(props){super(props)

javascript - 设置多个属性时如何限制号码变化事件?

我注意到当Backbone模型的多个属性设置成这样时model.set({att1:val1,att2:val2});触发了两个变化事件。我错误地假设在设置所有属性之后只会触发一个更改事件。这可能看起来不是问题,但当函数绑定(bind)到att1时也使用att2的值。换句话说,当你这样做的时候model.bind('change:att1',func1);...func1=function(){varatt2=model.get('att2');}变量att2将被设置为模型属性att2的旧值。问题是如何优雅地防止这种情况发生。当然,一种选择是在设置att1之前设置att2或绑定(bin

javascript - backbone.js 和 el 属性

(function($){window.AppView=Backbone.View.extend({el:$("body"),events:{"click#add-friend":"showPrompt",},showPrompt:function(){varfriend_name=prompt("Whoisyourfriend?");}});varappview=newAppView;})(jQuery);谁能给我解释一下这里的el是什么。是元素吗?el参数是否接受对象,如果可以,我可以传递我的自定义View吗需要添加我的按钮或元素的对象... 最佳答案

javascript - 如何安全地读取 WebScriptObject 的属性?

当WebView实例中的JavaScript与WebViewDelegate之间进行通信时,JavaScript类型和Objective-C类型会来回转换。例如,当从JavaScript调用Objective-C函数时,字符串变成NSString,数字变成NSNumber,对象变成WebScriptObject.其他的处理起来很简单,但是WebScriptObject看起来很奇怪。当传递像{"foo":1,"bar":2}这样的字典时,我看到的大多数代码都是使用valueForKey提取属性,例如在[[argvalueForKey:@"foo"]intValue]==1但是如果您不确定

javascript - 使用 jQuery 获取数组中具有属性最大值的元素

我有一个自定义JavaScript对象数组,它有一个名为order的属性。我有一个这个对象的数组,我想获得具有最高“顺序”的项目。由于我是jQuery的新手,并且来自C#背景,这是我非常欣赏LINQ的实例之一:)无论如何,长话短说,我已经检查了以下链接,但它们只返回值而不是数组元素本身的引用......所以改变它以返回元素的一点帮助是赞赏。jQuerymin/maxpropertyfromarrayofelementselementwiththemaxheightfromasetofelements有问题的自定义对象(我有一个数组)如下:varseverity=function(key

javascript - CSS Sprite 性能

我有一个500x640的静态图像,位于文件夹中,由20x20block和cssSprite组成,我正在设置背景位置来显示每block,我需要这样的显示以便以后能够对每block进行操作。CSS:.piece{width:20px;height:20px;display:inline-block;//display:inline;//zoom:1;}.ob{background-image:url("/Images/ob.jpg");}js:viewModel={flips:ko.observableArray([]),setClick:function(data,e){e.preven