我创建了一个响应式页面,其中包含带有文本和模糊背景的框.该页面可在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
<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) 我需要将鼠标屏幕坐标转换为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) 为什么QMainWindow的析构函数不是虚拟的?如果我从QMainWindow继承一个类MainWindow并且有一些指针属性,我就无法使用MainWindow的析构函数删除内存.
假设我在Clojure中有以下地图:
(def person {:name "Jack" :say-hello #(print "hello")})
Run Code Online (Sandbox Code Playgroud)
问题1: 是否可以调用key的匿名函数:say-hello?怎么样?
问题2 是否可以使用不同的值实例化/克隆人物矢量?
我想创建一个简单的辅助函数来从对象中读取路径,如下所示:
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) 假设我有以下地图矢量:
[{: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)
在某些时候,当我修改索引地图时,我想将其转换回地图矢量.
怎么做?
在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命令,它会成功连接文件.因此,似乎单引号参数未正确处理?
我有这样的矢量:
[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 ×4
css ×2
css3 ×2
html ×2
bash ×1
dictionary ×1
ffmpeg ×1
flexbox ×1
javascript ×1
qmainwindow ×1
qt ×1
shell ×1
three.js ×1
typescript ×1
vector ×1