let y = 0;

setInterval(() => {
  y += 5;
  el.style.transform = `translateY(${y}px)`;
}, 16);

let y = 0;

function animate() {
  y += 5;
  el.style.transform = `translateY(${y}px)`;
  requestAnimationFrame(animate);
}

requestAnimationFrame(animate);

let y = 0;
let last = performance.now();
const speed = 200; // px/sec

function animate(now) {
  const delta = now - last;
  last = now;

  y += (delta / 1000) * speed;
  el.style.transform = `translateY(${y}px)`;

  requestAnimationFrame(animate);
}

requestAnimationFrame(animate);

.container {
  position: relative;
}

.overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.overlay {
  position: absolute;
  inset: 0;
}

function initModal() {
  window.addEventListener("resize", onResize);
}

function onResize() {
  console.log("resize");
}

element.addEventListener("click", () => {
  console.log("click");
});

function handleClick() {
  console.log("click");
}

element.addEventListener("click", handleClick);

element.removeEventListener("click", handleClick);

function initModal() {
  const modal = document.querySelector(".modal");
  const bigData = Array.from({ length: 100_000 }, () => ({}));

  function onResize() {
    if (!modal) return;
    modal.style.width = window.innerWidth + "px";
  }

  window.addEventListener("resize", onResize);
}

function initModal() {
  const modal = document.querySelector(".modal");

  function onResize() {
    if (!modal) return;
    modal.style.width = window.innerWidth + "px";
  }

  window.addEventListener("resize", onResize);

  return () => {
    window.removeEventListener("resize", onResize);
  };
}

🔊 Продолжайте читать на Habr!

const bugs = [
  { id: 1, title: "CSS не грузится", status: "open" },
  { id: 2, title: "API 500", status: "fixed" },
  { id: 3, title: "Кнопка не реагирует", status: "open" }
];

console.table(bugs);

console.log(
  "%cCRITICAL BUG DETECTED",
  "font-size: 18px; font-weight: bold; color: red;"
);

console.group("User Load Flow");
console.log("Запрос данных пользователя");
console.log("Запрос ролей");
console.groupEnd();

textarea {
  resize: both;
}

textarea {
  resize: none;
}

textarea {
  resize: vertical;
}

Оставляю ссылочку: GitHub 📱

🔊 Продолжайте читать на Habr!