我有一个带有多个输入和一个提交按钮的 HTML 表单。我在表单上创建了一个事件监听器来监听“提交”事件。这会将 SubmitEvent 传递到回调函数中。
我想知道,是否有一个 getter 或快速对象属性可以接受输入名称(又名 input[name="XYZ"] 并返回提交时输入的值?
我有一个具有可变不透明度的容器元素。它的孩子应该投射背景模糊。
问题是,背景过滤器仅在父级的不透明度恰好为 1 时适用。但是,如果我降低子级本身的不透明度,背景过滤器将保留。
谁能帮助我使这项工作正常进行?
我无法使用背景颜色来更改容器的不透明度。
#container{
opacity: 1;
position: absolute;
top:0;
width: 200px;
height: 80px;
outline: 0.1px solid black;
}
#child{
width: 100%;
height: 100%;
backdrop-filter: blur(10px)
}Run Code Online (Sandbox Code Playgroud)
<div>This should be blurred</div>
<div id="container">
<div id="child"></div>
</div>
<div style="position: absolute; top: 80px">
<span>Parent opacity:</span><input type="range" id="parentRange" min="0" step="0.01" max="1" value="1"><span id="parentReadout">1</span><br>
<span>Child opacity:</span><input type="range" id="childRange" min="0" step="0.01" max="1" value="1"><span id="childReadout">1</span>
</div>
<script>
parentRange.oninput = (e) => {
container.style.opacity = e.target.value
parentReadout.textContent = e.target.value
}
childRange.oninput = (e) => { …Run Code Online (Sandbox Code Playgroud)假设我在抽象/父类中定义了方法的实现,然后创建了一个预计使用此方法的派生类。如果派生类不重写方法的实现,为了让阅读代码的人清楚起见,仍然定义它并调用 super 是一个好习惯吗?
class Foo{
speak() { console.log('Hi') }
}
class Bar extends Foo {
// Should I include this? :
speak(){
super.speak()
}
}
Run Code Online (Sandbox Code Playgroud)
这样做的唯一好处是可读性和断言 aBar是预期的speak(),但它也是多余的,因为它在实现方面没有添加任何内容。所以我想知道声明派生类时的最佳实践是什么?