小编Cod*_*ity的帖子

有没有可行的方法来使用JS触发CSS关键帧动画?

自然,我们可以使用关键帧创建CSS动画,并从那里进行控制。

但是,理想情况下,我希望通过单击按钮来触发此动画-因此单击按钮将是一个事件...

@keyframes fade-in {
    0% {opacity: 0;}
    100% {opacity: 1;}
}
Run Code Online (Sandbox Code Playgroud)

现在,在单击时,我要触发该动画;而不是来自CSS动画属性中。

javascript jquery css3

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

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

实例化一个新的内部类时是否需要关键字"this"?

Oracle Java SE教程的另一个例子.它工作正常,但我不确定在创建内部类的实例时是否/为什么'这'是必要的.无论我是否把它取出,结果似乎都是一样的.

要清楚,我指的是:InnerEvenIterator iterator = this.new InnerEvenIterator(); //不确定为什么要使用'this'

public class DataStructure {
    // create an array

    private final static int SIZE = 15;
    private int[] arrayOfInts = new int[SIZE];

    public DataStructure() {
        // fill the array with ascending integer values
        for (int i = 0; i < SIZE; i++) {
            arrayOfInts[i] = i;
        }
    }

    public void printEven() {
        // prints out the value of even indices in the array
        InnerEvenIterator iterator = this.new InnerEvenIterator(); // not sure why …
Run Code Online (Sandbox Code Playgroud)

java

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

为什么“userEvent.click”不触发 Vitest 和 React 测试库的表单提交?

当使用开箱即用的 Create React App 时,以下测试运行并通过得很好。

\n
import { render, screen } from "@testing-library/react";\nimport userEvent from "@testing-library/user-event";\nimport App from "./App";\n\ndescribe("Update the name", () => {\n  it("updates the name", () => {\n    render(<App />);\n    userEvent.type(screen.getByLabelText(/name/i), "John");\n    userEvent.click(screen.getByRole("button"));\n\n    expect(screen.getByText("John")).toBeInTheDocument();\n  });\n});\n
Run Code Online (Sandbox Code Playgroud)\n

所以,测试本身应该没问题。是的,只有 1\xef\xb8\x8f\xe2\x83\xa3 按钮,那就是type="submit"。应用程序在浏览器中运行时可以正常工作,并且在 Create React App (CRA) 中测试正常。

\n

我正在尝试迁移到 Vitest(使用 Vite)。理论上,上述测试不需要改变。然而,这就是发生的事情:TypeError: target.ownerDocument.createRange is not a function

\n

让我们开始配置。

\n

vite.config.js看起来像这样:

\n
import { render, screen } from "@testing-library/react";\nimport userEvent from "@testing-library/user-event";\nimport App from "./App";\n\ndescribe("Update the name", …
Run Code Online (Sandbox Code Playgroud)

reactjs react-testing-library vitest

5
推荐指数
0
解决办法
2458
查看次数

如何确保显示最新版本的静态网站?

我知道作为用户自己,我可以点击'F5'来确保,或清除我的缓存等.

我只是想知道从网页设计师的角度来看是否有任何可以使这更"自动"的东西,因为许多用户可能不知道这样做.

对于动态站点,这可以通过服务器端"魔术"来完成.

似乎对类似问题的一些答案意味着以某种方式编辑.htaccess,所以我打算对此进行调查.但是,如果任何人有一个"快速提示"或代码片段,将适用于静态网站,那将是很好的.

该网站上使用的唯一PHP是联系表单,因此它可以自动发送电子邮件.网站的其余部分只是图片,文字等.

javascript jquery html5 css3 web-deployment

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

为什么.every()不是函数?

我收集了一个Array(我认为)所需的表单元素,并添加了'blur'监听器.

    var formInputs = $(':input').filter('[required]');
  formInputs.each(function(i) {
    $(this).on('blur', function() { // Each time we leave a 'required' field, check to see if we can activate the 'submit' button.
      submitEnabler(formInputs);
    });
  });
Run Code Online (Sandbox Code Playgroud)

所以,一旦有人离开其中一个字段,我想使用.every()运行这个数组并检查字段是否有效 - 也就是说,如果他们有一个我已经定义的'success'类.

function isValid(input) {
  return input.hasClass('is_glowing_success');
}

function submitEnabler(inputs) {

  console.log(inputs.every(isValid));
}
Run Code Online (Sandbox Code Playgroud)

我一直回来:

Uncaught TypeError: inputs.every is not a function
    at submitEnabler
Run Code Online (Sandbox Code Playgroud)

现在,我可以做这样的事......

for (var i = 0; i < inputs.length; i++) {
    if ($(inputs[i]).hasClass('is_glowing_success')) {
      console.log('yes');
    } else {
      console.log('no');
    }
  }
Run Code Online (Sandbox Code Playgroud)

但是,为什么我不能只使用:Array.Prototype.every()

javascript arrays jquery

3
推荐指数
2
解决办法
3490
查看次数

如何将准备好的语句与Apache DBUtils一起使用?

如何将准备好的语句与Apache DBUtils一起使用?

似乎org.apache.commons.dbutils.*的大多数方法都需要字符串参数.令人惊讶的是,没有一种方法可以接受PreparedStatements.

java prepared-statement apache-commons-dbutils

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