小编mic*_*ech的帖子

CSS border-image:仅用指定的背景图像填充角落。为什么?

我想使用CSS属性“border-image”:https://developer.mozilla.org/de/docs/Web/CSS/border-image

但由于某种原因它只填充了元素的四个角:

我在电脑上看到的内容

我的代码:

.wrap {
  width: 400px;
  height: 300px;
  margin: 50px auto;
  position: relative;
}

.item {
  width: 100px;
  height: 100px;
  background-color: lightGray;
  border: 50px solid transparent;
  border-image: url(http://lorempixel.com/50/50/) 50 50 50 50 stretch stretch;
}
Run Code Online (Sandbox Code Playgroud)
<div class="wrap">
  <div class="item"></div>
</div>
Run Code Online (Sandbox Code Playgroud)

我有什么错吗?

我希望这个小图像能够在垂直和水平方向上重复。

这样灰色框就被图像图案包围起来了。

非常感谢任何帮助。

html css border border-image

6
推荐指数
1
解决办法
5965
查看次数

Vanilla JavaScript:有没有一种方法可以在一条语句中切换多个CSS类?

我使用以下JavaScript代码来更改脚本中的类:

var toggleDirection = function() {
  group.classList.toggle('left-to-right');
  group.classList.toggle('right-to-left');
}
Run Code Online (Sandbox Code Playgroud)

在我的示例中,只有两个类可以更改,但也可以是多个类...

因此,因此:有谁知道一种编写示例的方法,以减少冗余?

javascript css

5
推荐指数
4
解决办法
7201
查看次数

React - 拥有不可变道具的好处是什么?

在学习了React之后,我仍然认为很多概念很难得到.

其中:道具的不变性.

如果我做对了,那么组件或多或少地等同于面向对象编程中的对象.

在面向对象的编程中,您可以通过method-parameter将数据传递到对象中.在React中,您获得了将数据传递到组件的道具.

如果将参数传递给Java方法,则可以在method-body中更改这些数据.没问题.

在React中不可能,因为道具是不可变的.

我见过的所有文献和内容都提到这些不变性是一个重要的概念.但到目前为止还没有人真正告诉我原因.

有人可以告诉我:拥有不可变的道具有什么好处?

或分别:没有不变性的最大缺点是什么?如果道具是可变的,会发生什么?

最好是一个很好的例子.然后我可能会得到它的机会更大.

javascript functional-programming reactjs

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

React Router:浏览器历史记录的目的是什么?浏览器历史记录是强制性的吗?

浏览器历史记录只是为了在已访问过的页面之间切换吗?

但浏览器已经具备这些能力。为什么需要另一个模块?

而且:

我尝试过没有浏览器历史记录的 React Router。React Router 继续工作。我可以通过在地址栏中输入相应的 URL 来获取所有单个组件。

当我在没有浏览器历史记录的情况下使用 React Router 时会产生什么后果?

javascript reactjs react-router

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

HTML/CSS:删除元素之间的空格 - 字体大小为0.1px(而不是0)的好处?

在CSS中,通常通过将容器元素的font-size设置为0px来删除元素之间的空格.

在子元素上再次设置为正常大小.

我总是将"font-size:0"应用于容器元素,并且工作正常.

现在我在其他人的代码中看到许多人使用"font-size:0.1px;" 代替.例如:https://www.barrelny.com/blog/text-align-justify-and-rwd/

在"Break Elements"部分中......

保留这些剩余字体大小有什么好处?

html css css3

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

super() 在没有继承的类的构造函数中

以下代码(该类的缩写版本)是我在 Java 视频教程中看到的。

public class Address {
    private String firstName;
    private String lastName;

    public Address() {
        super();
    }

    public Address(String firstName, String lastName) {
        this.firstName = firstName;
        this.lastName = lastName;
    }

    ...
}
Run Code Online (Sandbox Code Playgroud)

那里显示的类没有extend关键字。然而,super()在构造函数中使用时不带参数。

它调用了Object类的构造函数?我对吗?

但为什么?

接到这个电话的原因是什么super()

java inheritance

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

Vue.js-美元前缀的含义?

Vue.js中,美元字符作为属性名称之前的前缀是什么意思?

例如: this.$emit('clicked', 'demo')

vue.js

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

JavaScript中的值(不等值)是什么意思?

我在这个 MDN文档中显示的polyfill中看到了这些片段:

 // Casts the value of the variable to a number.
 // So far I understand it ...
 count = +count;
 // ... and here my understanding ends.
 if (count != count) {
   count = 0;
 }
Run Code Online (Sandbox Code Playgroud)

我不明白目的.

怎么可能自己不平等?

javascript

4
推荐指数
1
解决办法
104
查看次数

JavaScript RegExp:为什么会导致双反斜杠 ( \\ ) 错误?

偶然发现的,不知道是什么原因。

// Results in "Syntax error in regular Expression".
var re = RegExp('\\');
Run Code Online (Sandbox Code Playgroud)

我知道构造函数需要一个字符串作为参数。并且在字符串中使用反斜杠来转义具有特殊含义的字符。我知道我必须将 \d 之类的字符转义为 \\d 。

因此:正确的反斜杠应该被解释为一些普通字符。

相反,它会抛出错误。为什么?

谁能向我解释一下吗?

javascript regex

4
推荐指数
1
解决办法
4965
查看次数

努力理解 is 运算符的特定行为

有人可以向我解释这种行为吗?

a = 'Test'
b = 'Test'
print(a is b)  # True
Run Code Online (Sandbox Code Playgroud)

我预计结果为 False,因为 a 和 b 是不同的引用。当使用相等运算符 (==) 来比较值相等时,我所期望的显示结果。

is-operator 是为了比较引用相等?还是我弄错了?

显示行为的原因是什么?

python

4
推荐指数
1
解决办法
101
查看次数