主页 / 问题

全部问题

Martin Hope
Василий Иванович
Asked: 2024-09-06 17:49:28 +0000 UTC
  • 5

我正在制作一款名为 Tic Tac Toe（井字棋）的游戏，连续 5 次。为了确定获胜者，我使用 every()、slice() 和 map() 方法。使用这些方法我比较数组元素。横向和纵向的胜利条件已确定。为什么胜利条件不是沿着对角线确定的？

//Сохраните выбранные координаты
record = [];
var isWin = false;
//Определим неразмещенное состояние шахматной доски как 0.
function recordArray() {
    for(var i = 0; i<num; i++){
        var arr = [];
        for(var j = 0; j < num; j++){
            arr.push(0);
        }
        record.push(arr);
    }
}
recordArray();
//Определите, равны ли соседние 5 чисел, если они равны, 
//это означает, что победитель был определен
function isEqual(arr){
    return arr.every(val => val === arr[0]);
}
//Определяем, соответствует ли отметка на доске
//условию победы
function isVictory(){
    var len = record.length;    
    for(var i = 0; i < record.length; i++){
        for(var j=0; j<record[i].length; j++){
            if(record[i][j] !==0 ){
                if(j < len && i - 1 < len){
                    //Определяем горизонтальное направление
                    if (isEqual(record[i].slice(j, j+5))){
                        isWin = true;
                    }                   
                    //Оценка вертикального направления
                    if (isEqual(record.slice(i, i+5).map(arr => arr[j]))){
                        isWin = true;
                    }
                    //Определяем направление о диагонали
                    if (isEqual(record[i].slice(j, j+5)) && isEqual(record.slice(i, i+5).map(arr => arr[j]))){
                        isWin = true;
                    }                   
                }
            }
        }
    }
    return isWin;
}
isVictory();
javascript
Martin Hope
alexWithoutBeard
Asked: 2024-09-06 17:17:24 +0000 UTC
  • 5

输入给定。年份已输入其中。将给定年份的 13 号所有星期五的日期打印为列表 ul。

我写了以下代码：

<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8" />
</head>

<body>
  <input id="input" />
  <ul></ul>
  <script>
    let date = document.getElementById("input");

    let ul = document.querySelector("ul");

    document.getElementById("input").addEventListener("blur", function() {
      let year = date.value;
      let array = [];
      for (let month = 0; month < 12; month++) {
        let d = new Date(year, month, 13);
        if (d.getDay() == 5) {
          array.push(d);
        }
      }
      for (const friday of array) {
        let newListItem = document.createElement("li");
        newListItem.textContent = newListItem.textContent =
          friday.toLocaleString(undefined, {
            day: "numeric",
            month: "long",
          });
        ul.appendChild(newListItem);
      }
    });
  </script>
</body>

</html>

我处理了这个任务，当输入第一年时，会显示 13 号星期五的所有日期，但是如果您输入另一年，另一年的日期将添加到已经输入的日期中（这是正常的，因为当您输入单击按钮，将启动一个功能，创建一个新的 li 并将其添加到列表中）。所以我决定编写以下代码来执行此操作：

<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8" />
</head>

<body>
  <input id="input" />
  <ul></ul>
  <script>
    let date = document.getElementById("input");

    let ul = document.querySelector("ul");

    document.getElementById("input").addEventListener("blur", function() {
      let year = date.value;
      let array = [];
      for (let month = 0; month < 12; month++) {
        let d = new Date(year, month, 13);
        if (d.getDay() == 5) {
          array.push(d);
        }
      }
      if (ul.textContent.length === 0) // Проверка на пустоту ul
        for (const friday of array) {
          let newListItem = document.createElement("li"); // создание нового li
          newListItem.textContent = newListItem.textContent =
            friday.toLocaleString(undefined, {
              day: "numeric",
              month: "long",
            });
          ul.appendChild(newListItem); // добавление нового li в список при первой работе функции
        }
      else { // здесь я пытаюсь обновлять значения, если список не пустой
        let lis = document.querySelectorAll("li"); // ищу все li
        for (const li of lis) { // перебираю их
          for (const friday of array) // заново перебираю все пятницы  13 из массива
            li.textContent = li.textContent = friday.toLocaleString(undefined, {
              day: "numeric",
              month: "long",
            }); // меняю содержимое li на новые данные
          ul.appendChild(li) // думал, что добавляю измененное значение в список, но выходит дичь
        }
      }
    });
  </script>
</body>

</html>

如何更新已经输入的数据？

javascript
Martin Hope
MrYogurt
Asked: 2024-09-06 16:41:26 +0000 UTC
  • 5

我想要实现的目标：

  1. 表容器必须填充 100% 的剩余可用空间
  2. 该表不应以任何方式影响父块
  3. 只有标题下的第二个映射应该滚动（标题的滚动将通过 ref 控制）

我知道我可以设置容器的固定大小并编写一个调整大小观察器，该观察器将根据窗口大小进行拉伸，但这不是理想的情况。有一种感觉，这可以更容易地完成。

为了方便理解我做了一个沙箱

我在这里复制代码：

const MOCK_DATA = [
  {
    id: 0,
    columnName: '0',
    cards: Array(50)
      .fill('1')
      .map((item, index) => ({
        id: index,
        cardType: 'someType',
        description: 'Описание',
        date: '3.09.24',
      })),
  },
];

for (let i = 1; i < 50; i += 1) {
  MOCK_DATA.push({
    id: i,
    columnName: i.toString(),
    cards: [
      {
        id: i,
        cardType: 'someType',
        description: 'Описание',
        date: '3.09.24',
      },
    ],
  });
}

export const App = () => {
  return (
    <div style={{ display: 'flex', width: '100%', height: '100%' }}>
      <div style={{ display: 'flex', width: '100%' }}>
        <div style={{ width: 200, height: '100%', background: 'lightblue' }}>
          Menu
        </div>
        <div style={{ width: '100%' }}>
          <div style={{ width: '100%', height: 200, background: 'lightgreen' }}>
            Header
          </div>
          <MyTable />
        </div>
      </div>
    </div>
  );
};

export const MyTable = () => {
  return (
    // Этот контейнер должен занимать всю оставшуюся площадь после меню и хидера
    <div style={{ maxWidth: '100%', overflow: 'auto' }}>
      <div style={{ display: 'flex', overflow: 'hidden' }}>
        {MOCK_DATA.map((column) => {
          return <div style={{ width: 165 }}>{column.columnName}</div>;
        })}
      </div>
      {/* // Этот контейнер должен скроллиться */}
      <div style={{ display: 'flex', overflow: 'auto' }}>
        {MOCK_DATA.map((column) => {
          return (
            <div style={{ minWidth: 165 }}>
              {column.cards.map((card) => {
                return <div>{card.description}</div>;
              })}
            </div>
          );
        })}
      </div>
    </div>
  );
};
javascript
Martin Hope
Sire IMPACTUS
Asked: 2024-09-06 16:06:28 +0000 UTC
  • 5

Nodejs 脚本通过控制台在服务器上启动。

nodejs script.js

是否可以以某种方式直接从控制台执行该脚本的功能之一？

例如：

//script.js
let timer = null;

function stopLoop() {
  self.clearInterval(timer);
  timer = null;
}

timer = self.setInterval(() => {
  console.log('loop');
}, 1000);
<div>Без него не дает вставить фрагмент</div>

我运行脚本：

nodejs script.js

我随时调用它的函数：

nodejs script.js:stopLoop

这个可以实现吗？

node.js
Martin Hope
flex
Asked: 2024-09-06 09:50:28 +0000 UTC
  • 5

奥本托

通过控制台，我启动了一个 Python 脚本。在脚本中，ffmpeg命令，视频转换大约需要几个小时。

如果我关闭控制台，该过程将被中断。

如何通过控制台在后台运行脚本？

我知道进程ID，ffmpeg将视频转换进度发送到控制台。如果脚本先前在后台启动，则知道进程 ID。是否可以在控制台中打开视频转换进度？

ubuntu
上一页
下一页