小编Car*_*ata的帖子

ES6解构具有相同属性名称的两个对象

我有两个javascript对象与下一个语法:

var section = { name: "foo", tables: [] }
var field   = {name: "bar", properties: {} }
Run Code Online (Sandbox Code Playgroud)

和一个期望这些对象的函数,但在函数中我只使用每个对象的名称,所以我想知道我是否可以在函数声明中解构两个对象,如:

function something( {name}, {name} ) {
  //code
} 
Run Code Online (Sandbox Code Playgroud)

第一个应该是section.name,第二个应该是field.name.

在这种情况下,有两种方法可以进行解构吗?或者我应该只观看功能中的名字?

哪个更好?

谢谢.

javascript destructuring ecmascript-6

9
推荐指数
1
解决办法
2424
查看次数

在输入中填充而不影响宽度

我在填充输入内容时遇到问题。这就是我在不添加任何内容的情况下查看输入的方式:

没有填充的图像

当我尝试添加一个时,我想placeholder在内容和内容value中添加一个填充:

input{
    padding-left: 10px;
}
Run Code Online (Sandbox Code Playgroud)

这发生了:

带内边距的图像:10px

就像你看到的:

  1. textarea具有宽度的100%,但添加填充到输入使他们得到了最大宽度。
  2. 当我在同一行有两个输入时,它们会相互重叠。

我尝试width用百分比来改变每个输入的 ,以获得看起来不错的东西,但是当屏幕的大小改变并变得响应时,它成为一个问题。

所以,我尝试了另一种解决方案;为此,我更改了填充和调整大小:

::-webkit-input-placeholder { 
    padding-left: 10px;
}

:-moz-placeholder { /* Firefox 18- */
    color: grey; 
    padding-left: 10px;
}

::-moz-placeholder {  /* Firefox 19+ */
    padding-left: 10px; 
}

:-ms-input-placeholder {
    padding-left: 10px; 
}
Run Code Online (Sandbox Code Playgroud)

但现在,我有另一个问题,它解决了我的问题,因为,这添加了一个填充,但只添加placeholder到内容中value

在此处输入图片说明

我该如何解决我的问题?任何的想法?

html css materialize twitter-bootstrap

5
推荐指数
1
解决办法
5147
查看次数