Awake's questions

大家好！我正在尝试使用 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>

有一个数据库，其中列 id（主键）记录自动编号。但问题是，例如，如果其中一条记录被删除，那么它所拥有的自动生成的 id 就不能再用于另一条记录了。结果，如图所示，我总共有 6 列，id 已经达到了 21。我可以通过某种方式解决这个问题并将编号返回到 order 中吗？

更准确地说，问题甚至不是如何发送，而是为什么不发送给我。

简而言之：有一个带有表单的弹出窗口：

(HTML)
<div class="popup__form">
     <form action="" class="form__popup__window" id="form_popup_send" autocomplete="off">
          <input type="text" name="experiment_num" placeholder="Exp. Number" required/>
          <input type="text" name="creature_name" class="creature-name" placeholder="Creature name" required/>
          <input type="text" name="description_expirement" class="about-exp" placeholder="About experiment:" required/>
          <input type="text" name="description_creature" class="about-exp" placeholder="About creature:" required/>
          <input type="number" name="upload" class="upload" placeholder="upload?" min="0" max="1" required/>
          <button class="btn btn-outline-danger" id="form_sub">CREATE</button>
     </form>
<div id="err-cons"></div>
</div>

输入所有输入时，“CREATE”按钮被戳，从逻辑上讲，魔术（ajax）应该出现在 JS 文件中，并且使用 JQuery，从输入中获取所有信息并将其扔到服务器上。

JS文件：

$('#add_doc').click(function() { //Это я делаю для попапа(на кнопку показываться). Не важно
    document.getElementById('popup').className += " visibill";
})

$(document).ready(function() { //То, что волнует.
    $('#form_sub').submit(function() {
        $.ajax({
            type: "POST",
            url: "http://documentation/documentsoneserver",
            data: $('#form_popup_send').serialize()
        }).done(function(response) {
            console.log(response);
        });
        return false;
    });
});

$('.popup__close').click(function() { //Это попап скрывает. Не важно
    document.getElementById('popup').classList.remove("visibill");
})

问题是它不滚动。我在 siteController 中创建了一个变量，我试图转储它，但它返回 NULL。

PHP 文件

public function actionDocumentsoneserver() {
        \Yii::$app->response->format = \yii\web\Response::FORMAT_JSON;

        $data = Yii::$app->request->post();
        $data = $data['data'];

        var_dump($data);
        return;
}

我知道我不是最细心的人，所以如果你想通过找到一个缺少的分号来覆盖我 3 层楼，那么我理解。

PS：还要注意我使用了另一种形式的 AJAX 提交。

再次是 JS 文件和另一个提交表单：

let formSub = document.getElementById('form_sub');

formSub.addEventListener('click', function(){
    $.post('/documentsoneserver',
    {data: $('.form__popup__window').serialize()},
    function(result) {
        console.log($('.form__popup__window').serialize());
    $('#form_sub').submit(function (e) {
        e.preventDefault(); //Почему-то по нажатию кнопки "CREATE", форма перезагружает страницу. Вроде эта функция должна была это исправить, но, видимо, не судьба.
    });
    });
}) 

有一个小代码：

let log = document.getElementById('login'); // input с логином
let pas = document.getElementById('password'); // input с паролем
let but = document.getElementById('button'); // кнопка (логично, да?)

but.addEventListener('mouseover', function() {
    if (log.value == '' && pas.value == '') {
        but.disabled = true;
    } else {
        but.disabled = false;
    }
})

我想做一个这样的包子，按理说，在输入登录名和密码之前，按钮应该被阻止。但是怎么做呢？我开始使用 EventListener 遍历选项，因为 没有它的函数将出现一次并产生一个结果。起初我认为可以创建一个负责整个区域（主体）的变量，并通过单击任意点来跟踪函数的条件。但是在这种情况下，每次点击，按钮都会被阻塞和解锁。

这个想法产生了一个将鼠标指向按钮的事件。如果没有输入任何内容并且按钮最初没有被阻止（最初它会被阻止，但随后会被阻止），那么在悬停时，它被阻止，一切正常。但是，如果同时输入了登录名和密码，则不会解锁。原来，如果按钮被挡住了，它不会感知到鼠标悬停？

PS 我在谷歌上找不到答案

您需要在该产品的页面上显示与该产品对应的图像。创建了一个包含图片的文件夹：frontend/web/Pic。将图片重命名为等于项目 id 的 id。现在想问一下如何正确存储这样的路径（写完整路径从D:\根目录开始或者从/web/Pic根文件夹开始），应该是什么数据类型？我在某处读到数据类型应该是“BLOB”，但 Postgres 没有这样的数据类型。

有一个篮子文件，一个js文件和一个“后端”文件。

下面js文件连接到购物篮文件

let data_id_prod = localStorage.getItem('products');
console.log(data_id_prod);

if (data_id_prod === null) {
    document.querySelector('.out').innerHTML = ('Ваша корзина пуста!');
}
else if (data_id_prod > '0') {
    $.ajax({
        method: "POST",
        url: "http://frontend/answer/" + data_id_prod,
        data:  {$data_id_prod: data_id_prod},
        success: function(data) {
        }
    });
}

它首先检查变量，然后，如果它为空，则在具有“out”类的 div 中显示/替换一行。如果它有一个值，那么这个变量会被 ajax 发送到“后端”。来自“后端”的 JSON 格式响应包含我需要的数据。问题是，如何在 html 页面上显示这些数据？更准确地说，你需要在这里写：

success: function(data) {
        }

后端代码：

public function actionAnswer($data_id_prod)
    {
        \Yii::$app->response->format = \yii\web\Response::FORMAT_JSON;

        $id_prod = Products::find()
        ->select([
            'product_name',
            'product_price',
        ])
        ->where([
            'ID' => $data_id_prod
        ])
        ->one();
//        var_dump($id_prod);
//        return;
        return [
            'id_prod' => $id_prod
        ];
    }