小编Jar*_*zka的帖子

不设置不透明度时,元素消失:0.99

我创建了一个响应式页面,其中包含带有文本和模糊背景的框.该页面可在JSFiddle上找到.

问题是: .content如果不将元素设置opacity为0.99,则元素不可见.为什么?

HTML

<div class="content-box">
    <div class="content-bg"></div>
    <div class="content">
         <p>Text with blurred background</p>
         <p>Text with blurred background</p>
    </div>
</div>
Run Code Online (Sandbox Code Playgroud)

CSS

body {
    background-image: url('http://hazor.iki.fi/2003/juhannus/isot/DSCN9068-Maisema.jpg');
    background-color: black;
    background-repeat: no-repeat;
    background-position: center;
    background-attachment: fixed;
    background-size: cover;
    background-size: no-repeat fixed center center cover;
    overflow: hidden;
}

.content-box {
    position: relative;
    width: 300px;
    overflow: hidden;
}

.content-bg {
    position: absolute;
    background-size: cover;
    background-image: url('http://hazor.iki.fi/2003/juhannus/isot/DSCN9068-Maisema.jpg');
    background-color: black;
    background-repeat: no-repeat;
    background-position: center;
    background-attachment: fixed;
    background-size: cover; …
Run Code Online (Sandbox Code Playgroud)

html css css3

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

Flexbox:带有页脚的可滚动内容

我想制作一个始终位于容器中间的盒子(在这种情况下为弹性物品)。在该框中,有一个页眉,页脚和内容部分。如果内容的大小在高度上太大,我希望内容部分可滚动。页眉和页脚应始终可见,并且框应始终保留在其容器中。

这是我能够写的:

的HTML

<div class="flex-container">
  <div class="flex-item">
     <header>Header</header>
     <div class="content">
        A
      <br>B
      <br>C
      <br>D
      <br>E
      <br>F
      <br>G
      <br>H
      <br>I
      <br>J
      <br>K
     </div>
     <footer>Footer</footer>
  </div>
</div>
Run Code Online (Sandbox Code Playgroud)

的CSS

body {
  margin: 120px;
}

.flex-container {
  display: flex;
  width: 200px;
  height: 200px; /* We can assume that the container's height is hardcoded in this example, but the end solution should work even if this value is changed*/
  border: 1px solid black;
  justify-content: center;
}

.flex-item {
  box-sizing: border-box;
  width: 150px;
  border: 5px solid …
Run Code Online (Sandbox Code Playgroud)

html css css3 flexbox

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

在ThreeJS中将2D鼠标坐标转换为世界XZ坐标

我需要将鼠标屏幕坐标转换为XZ平面上的ThreeJS世界坐标.

我发现这个工作代码将鼠标位置转换为XY世界坐标,但我不知道如何修改它以获得XZ坐标:

var vector = new THREE.Vector3();
vector.set((event.clientX / window.innerWidth) * 2 - 1, - (event.clientY / window.innerHeight) * 2 + 1, 0.5);
vector.unproject(camera);
var dir = vector.sub(camera.position).normalize();
var distance = - camera.position.z / dir.z;
var position = camera.position.clone().add(dir.multiplyScalar(distance));
console.log("x: " + position.x + " y: " + position.y);
Run Code Online (Sandbox Code Playgroud)

javascript three.js

3
推荐指数
1
解决办法
966
查看次数

QMainWindow析构函数

为什么QMainWindow的析构函数不是虚拟的?如果我从QMainWindow继承一个类MainWindow并且有一些指针属性,我就无法使用MainWindow的析构函数删除内存.

qt qmainwindow virtual-destructor

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

评估地图中的功能

假设我在Clojure中有以下地图:

(def person {:name "Jack" :say-hello #(print "hello")})
Run Code Online (Sandbox Code Playgroud)

问题1: 是否可以调用key的匿名函数:say-hello?怎么样?

问题2 是否可以使用不同的值实例化/克隆人物矢量?

clojure

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

将函数返回值定义为读取对象中路径的类型

我想创建一个简单的辅助函数来从对象中读取路径,如下所示:

interface Human {
  address: {
    city: {
      name: string;
    }
  }
}

const human: Human = { address: { city: { name: "Town"}}};
getIn<Human>(human, "address.city.name"); // Returns "Town"
Run Code Online (Sandbox Code Playgroud)

这个帮助器在 JS 中很容易创建,但在 TS 中使其类型安全有点复杂。我已经做到了这一点:

type Prev = [never, 0, 1, 2, 3, 4, 5, 6, ...0[]];

type Join<K, P> = K extends string | number
  ? P extends string | number
    ? `${K}${"" extends P ? "" : "."}${P}`
    : never
  : never;

type Path<T, D extends number = 4> …
Run Code Online (Sandbox Code Playgroud)

typescript typescript-generics typescript-typings

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

在Clojure中将矢量转换为索引地图?

假设我有以下地图矢量:

[{:name "Jack" :age 5}
{:name "Joe" :age 15}
{:name "Mare" :age 34}
{:name "William" :age 64}
{:name "Adolf" :age 34}]
Run Code Online (Sandbox Code Playgroud)

我想将其转换为索引地图,例如:

{1 {:name "Jack" :age 5}
 2 {:name "Joe" :age 15}
 3 {:name "Mare" :age 34}
 4 {:name "William" :age 64}
 5 {:name "Adolf" :age 34}}
Run Code Online (Sandbox Code Playgroud)

在某些时候,当我修改索引地图时,我想将其转换回地图矢量.

怎么做?

dictionary vector clojure

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

Clojure shell/sh不能正确处理单引号的参数?

在REPL中执行以下命令:

(shell/sh "ls" "-lah" "'resources'")
Run Code Online (Sandbox Code Playgroud)

给出以下输出:

{:exit 2, :out "", :err "ls: cannot access 'resources': No such file or directory\n"}
Run Code Online (Sandbox Code Playgroud)

在Bash shell中执行相同的命令会给出正确的输出,即resources目录中的文件列表.据我所知,这意味着shell/sh无法正确处理单引号参数.这是真的还是我做错了什么?

上面的例子是一个简单的例子,因为通常我可能不需要单引号文件夹名称.但是为什么这是一个真正的问题是因为我尝试通过使用shell/sh执行以下ffmpeg命令来连接音频文件;

ffmpeg -i resources/ffmpeg_working/1.flac
-i resources/ffmpeg_working/2.flac
-i resources/ffmpeg_working/3.flac
-i resources/ffmpeg_working/4.flac
-filter_complex '[0:0][1:0][2:0][3:0]concat=n=4:v=0:a=1[out]'
-map '[out]'
resources/ffmpeg_working/done.flac
Run Code Online (Sandbox Code Playgroud)

这给出了以下输出

Stream map ''[out]'' matches no streams.
Run Code Online (Sandbox Code Playgroud)

再一次,如果我在Bash shell中执行相同的ffmpeg命令,它会成功连接文件.因此,似乎单引号参数未正确处理?

bash shell ffmpeg clojure

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

在向量中的现有元素之间添加元素

我有这样的矢量:

[1 2 "b" 4 5 6 "c" 8 9 10]
Run Code Online (Sandbox Code Playgroud)

我想在每个元素之间添加字母"a",以便最终结果如下所示:

[1 "a" 2 "a" "b" "a" 4 "a" 5 "a" 6 "a" "c" "a" 9 "a" 10]
Run Code Online (Sandbox Code Playgroud)

在Clojure中最好的方法是什么?

请注意,字母"a"永远不应该是向量中的第一个或最后一个元素,它应该只出现在其他元素之间.

clojure

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