Dino Winchester

/images
  /content
    /gallery
      /1.jpg
      /2.jpg
      /3.jpg
    /slider
      /1.jpg
      /2.jpg
      /3.jpg

<div class="slider">
  {% for i in 1..3 %}
    <div class="slide">
      <img src="/images/content/slider/{{ i }}.jpg">
    </div>
  {% endfor %}
</div>

computed: {
  deadlineText() {
    const today = new Date().setHours(0, 0, 0, 0);
    const deadline = new Date(this.task.deadline).setHours(0, 0, 0, 0);
    return [ 'Уже было', 'Сегодня', 'Жди' ][1 + Math.sign(deadline - today)];
  },
},

element.addEventListener('click', function(event) {
    // Сработает обработчик 1 раз
}, {once: true});

.then(json => {
  // сумма полей price
  const sum = json.data.reduce((acc, c) => acc + c.price, 0);

  // ...

str.replace(/.*\./, '.')
// или
str.split(/(?=\.)/).pop()
// или
str.match(/\.?[^.]+$/)[0]
// или
str.slice(str.lastIndexOf('.'))
// или
[...str].reduce((acc, n) => n === '.' ? n : acc + n, '')

Почему именно ноды, а не элементы или еще как-то?

- почему тут ноды
- а тут элемент?
В чем разница?

const options = [
  [ 'hello, world!!', 'fuck the world', 'fuck everything' ],
  500,
  (elem => item => elem.textContent = item)
  (document.querySelector('.slide-words')),
];

function interval(arr, delay, callback) {
  let i = -1;

  return arr.length
    ? setInterval(() => callback(arr[i = -~i % arr.length]), delay)
    : null;
}


const intervalId = interval(...options);
// надо остановить, делаем так: clearInterval(intervalId);

function interval(arr, delay, callback) {
  let timeoutId = null;

  arr.length && (function next(i) {
    timeoutId = setTimeout(() => {
      callback(arr[i]);
      next((i + 1) % arr.length);
    }, delay);
  })(0);

  return () => clearTimeout(timeoutId);
}


const stop = interval.apply(null, options);
// надо остановить, делаем так: stop();

body {
  --body-color: red;
  color: var(--body-color);
}

.test {
  color: var(--body-color);
}

arr.map((item) => ({ ...item, averagePrice: item.finance / item.physicalVolume }));