小编mew*_*ewi的帖子

CSS:在悬停时为按钮添加边框。如何避免以下元素的移动?

我的想法是在用户悬停时为提交按钮添加一个彩色边框。

body div:first-child {
  padding: 10px 20px;
  background-color: #dedede;
  margin-top: 50px;
  margin-left: 300px;
  width: 120px;
  height: 80px;
  border-radius: 8px;
}

button {
  border-radius: 4px;
  padding: 5px 10px;
}

button:hover {
  border: 6px solid crimson;
  font-weight: 800;
  background-color: white;
  color: crimson;
}
Run Code Online (Sandbox Code Playgroud)
<div class="container">
  <button>SUBMIT</button>
  <div>Please notice that ...</div>
</div>
Run Code Online (Sandbox Code Playgroud)

但是紧随其后的文本然后向下移动。

如何在拥有边框的同时摆脱这些“跳跃”文本?

html css

6
推荐指数
2
解决办法
7482
查看次数

通过构造函数和object-literal语法选择对象创建

在JavaScript中,可以通过使用Object的合并构造函数来创建对象:

var person = new Object();
person.firstName = 'John';
person.lastName = 'Doe';
Run Code Online (Sandbox Code Playgroud)

几乎所有人似乎更喜欢将对象创建的方式视为文字:

var person2 = {
  firstName: 'Peter',
  lastName: 'Smith'
}
Run Code Online (Sandbox Code Playgroud)

现在我想知道:为什么构造函数方式被完全忽略了?

但尤其是:是否有人应该偏好另一种方式呢?

我的意思是构造函数必须出于某种原因...

javascript

2
推荐指数
1
解决办法
48
查看次数

Rails params 方法:为什么可以像哈希一样访问?

查看这段代码:

params[:id]

Params 被认为是一种方法。如果我错了请纠正我。但这就像从哈希中读取一样。所以,我目前很困惑。

如果 params 是一个方法:所示的代码示例如何工作?

ruby ruby-on-rails

2
推荐指数
1
解决办法
504
查看次数

"保存"变量有什么理由吗?

我曾经写过一个同事写过这个函数:

setSentence: function (e) {
  this.setState({
    issueText: e.target.value
  });

  if (this.refs.messages.textContent.length > 0 && e.target.value.length > 2) {
    this.refs.messages.textContent = '';
  }
},
Run Code Online (Sandbox Code Playgroud)

他在代码中的两个地方使用e.target.value.我倾向于做这样的事情:

let textBoxContent = e.target.value;
Run Code Online (Sandbox Code Playgroud)

然后使用具有更具描述性名称的变量.

我曾经和他谈过这些避免变量的事情.他只是说他想要"保存变量".

想改变这些代码片段,但我还是不确定......

所以我的问题是:

"保存变量"分别避免代码中的变量是否有意义?

javascript design-patterns

0
推荐指数
1
解决办法
37
查看次数

标签 统计

javascript ×2

css ×1

design-patterns ×1

html ×1

ruby ×1

ruby-on-rails ×1