主页 / 问题

全部问题

Martin Hope
Awake
Asked: 2024-09-01 09:40:35 +0000 UTC
  • 6

大家好！我正在尝试使用 CSS 制作波浪效果。但问题出现了。背景图像就消失了，如果你可以这样称呼它的话。我注意到当图片达到其尺寸（宽度）的末尾时它就会消失。我按照视频做了，对那家伙来说一切正常，但对我来说这是浪费......如何解决这个问题？

body {
  margin: 0;
  overflow: hidden;
  padding: 0;
}

section {
  width: 100%;
  height: 100vh;
  /*background: linear-gradient(120deg, white 50%, black 50%);*/
  /*background: white;*/
  overflow: hidden;
}

.wave {
  width: 100%;
  height: 100px;
  background-image: url(https://picsum.photos/2000/100);
  position: absolute;
  bottom: 0;
  left: 0;
  /*left: 185px;*/
  /*top: 90px;*/
  /*rotate: -60deg;*/
  background-size: 2000px 100px;
}

.wave1 {
  animation: anim 30s ease-in-out infinite;
}

.wave2 {
  animation: anim 25s ease-in-out infinite;
  opacity: .1;
}

.wave3 {
  animation: anim2 20s ease-in-out infinite;
  opacity: .5;
}

.wave4 {
  animation: anim2 35s ease-in-out infinite;
  opacity: .8;
}

@keyframes anim {
  0% {
    background-position-x: 0;
  }
  100% {
    background-position-x: 2000px;
  }
}

@keyframes anim2 {
  0% {
    background-position-x: 0;
  }
  100% {
    background-position-x: -2000px;
  }
}
<div>
  <section>
    <div class="wave wave1"></div>
    <div class="wave wave2"></div>
    <div class="wave wave3"></div>
    <div class="wave wave4"></div>
  </section>
</div>

css
Martin Hope
pechenb
Asked: 2024-09-01 01:47:22 +0000 UTC
  • 6

我正在学习Python课程，我了解了这样的功能time.monotonic()：每次启动程序时，函数返回的两个值之间的差异应该是固定的。但我没有注意到类似的事情。

import time
st = time.monotonic()
time.sleep(1)
end = time.monotonic()
print(end - st)

上面的代码每次运行时都会输出完全不同的数字。我错过了什么吗？我使用 macOS 12、Zed 代码编辑器、Python 3.12.5

python
Martin Hope
alex_t
Asked: 2024-08-31 23:14:45 +0000 UTC
  • 5

我正在尝试找出头文件。一篇文章这样说：

首先，让我们使用以下命令加载 jquery 库的类型定义：

npm install --save-dev @types/jquery

这样，项目中就会创建一个node_modules/@types文件夹，其中jquery目录将存放jquery库的头文件。
此外，该项目将创建一个包含以下内容的package.json文件：

{
  "devDependencies": {
    "@types/jquery": "^3.5.5"
  }
}

此外，还可以清楚地看到，假设将在项目的根目录中创建node_modules文件夹和package.json文件：那里给出了项目的屏幕截图。

但我不能那样做。我npm install --save-dev @types/jquery 在终端中输入命令-> 它表示一切都成功：

在此输入图像描述

与此同时，项目中什么也没有出现：node_modules文件夹和package.json文件都没有出现。但我发现在主目录/home/USER_NAME中 有一个node_modules文件夹，在这个命令之后，其中出现了@types子目录，其中有一个jquery目录：

在此输入图像描述

我尝试了不同的方法：首先，我在项目根目录中创建了一个package_json文件，其中包含以下内容：

{
    "devDependencies": {
        "@types/jquery": "^3.5.5"
    }
}

然后我再次在终端中输入命令npm install --save-dev @types/jquery，这一次node_modules文件夹实际上出现在项目根目录中，其中有@types/jquery：

在此输入图像描述

也就是说，由于某种原因，默认情况下，软件包不是安装在项目中，而是安装在主目录中，即我理解“全球”。与此同时，我在另一篇文章中发现：

在此输入图像描述

那些。事实证明，要全局安装该软件包，您需要-g开关，而我只是不输入它。但我还是做不到。

一般来说，任何了解该主题的人，请告诉我为什么 jquery 库的类型定义没有在本地加载并且没有创建 package.json 文件？我做错了什么？

以防万一，npm 版本 8.3.1，node 版本 16.14.0

在此输入图像描述

typescript
Martin Hope
alexWithoutBeard
Asked: 2024-08-31 17:58:13 +0000 UTC
  • 3

给定一个包含三列、三个输入和一个按钮的表。这样当您单击按钮时，就会将包含输入单元格文本的新行添加到表中。

  let tds = document.querySelectorAll("td");
  let inputs = [...document.querySelectorAll("input")];

  document.querySelector("button").addEventListener("click", function () {
    for (const td of tds) {
      for (const element of inputs) {
        let i = document.createTextNode(element.value);
        let tr = document.createElement("tr");
        tr.appendChild(i);
        td.appendChild(tr);
    }
    }
  });
<!DOCTYPE html>
<html lang="en">
  <head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Document</title>
  </head>
  <body>
<input />
<input />
<input />
<table border="1px" style="width: 300px; height: 300px; color: black">
  <td></td>
  <td></td>
  <td></td>
</table>
<button>press</button>
  </body>
</html>

javascript
Martin Hope
Стас
Asked: 2024-08-31 17:46:49 +0000 UTC
  • 5
Если список в таком формате: 
{
  "~ZA": "чемпионат 1"
(
  "AE": "команда 1",
  "AF": "команда 2",
)
(
  "AE": "команда 3",
  "AF": "команда 4",
)
}

{
  "~ZA": "чемпионат 2"
(
  "AE": "команда 1",
  "AF": "команда 2",
)
(
  "AE": "команда 3",
  "AF": "команда 4",
)
(
  "AE": "команда 5",
  "AF": "команда 6",
)
}

告诉我如何使用 python 将其转换为这种形式：

"чемпионат 1","команда 1","команда 2";
"чемпионат 1","команда 3","команда 4";
"чемпионат 2","команда 1","команда 2";
"чемпионат 2","команда 3","команда 4";
"чемпионат 2","команда 5","команда 6";
python
上一页
下一页