小编Bro*_*697的帖子

“提交”事件生成的 SubmitEvents 是否包含表单值?

我有一个带有多个输入和一个提交按钮的 HTML 表单。我在表单上创建了一个事件监听器来监听“提交”事件。这会将 SubmitEvent 传递到回调函数中。

我想知道,是否有一个 getter 或快速对象属性可以接受输入名称(又名 input[name="XYZ"] 并返回提交时输入的值?

html javascript

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

如果父对象的不透明度小于 1,则背景滤镜不适用

我有一个具有可变不透明度的容器元素。它的孩子应该投射背景模糊。

问题是,背景过滤器仅在父级的不透明度恰好为 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)

css

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

在派生类中重新声明父类的方法(即使它不重写它)是否是一个好习惯?

假设我在抽象/父类中定义了方法的实现,然后创建了一个预计使用此方法的派生类。如果派生类不重写方法的实现,为了让阅读代码的人清楚起见,仍然定义它并调用 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(),但它也是多余的,因为它在实现方面没有添加任何内容。所以我想知道声明派生类时的最佳实践是什么?

javascript oop

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

标签 统计

javascript ×2

css ×1

html ×1

oop ×1