Сергей Соколов

### default.conf
server {
   listen       80  default_server; # поймает все необслуживаемые имена
   server_name  _;                  # какое-то несуществующее имя
   return       301  https://site.ru/?ref=$host;
}

bublic.forEach(item => {
  const { stock } = item;
  for (const candidate of stock) {
    const appleId = apple.find(appleItem => appleItem.stock.includes(candidate))?.id;
    if (appleId !== undefined) {
      item.appleId = appleId;
      break;
    }
  }
});

локальный сервер, моментальное обновление картинки с изменением кода

Bracket pair colorization can be disabled by setting
"editor.bracketPairColorization.enabled" to false.

Bracket pair colorization can also be disabled just for specific languages:

"[typescript]": {
  "editor.bracketPairColorization.enabled": false,
},

[...document.querySelectorAll('a')]
  .filter(a => a.pathname === window.location.pathname)
  .forEach(a => a.classList.add('active'));

- entry: '.src/index.js',
+ entry: './src/index.js',

потеряли кое-кого

олды тут?

users.forEach(user => {
  user.active = activeUsers[Math.floor(Math.random() * activeUsers.length)];
});

const datetime = '2022-05-09T17:00:32.448Z';
const dateString = datetime.substring(0, 10); // '2022-05-09'
const timeString = datetime.substring(11, 16); // '17:00'

const el = document.querySelector('.coolUpdates');

const observer = new MutationObserver(list => {
  list.forEach(mutation => {
    mutation.addedNodes.forEach(node => {
      if (node.textContent === 'Обновление : добавили черный цвет') {
        console.log('Оп! Момент настал!');
      }
    })
  });
});

observer.observe(el, { childList: true });

const liked = new Set();

// ловить вообще все клики
document.addEventListener('click', e => {
  const el = e.target;
  if (!el.classList.contains('click')) return; // неинтересный клик
  if (liked.has(el)) { // уже выбран этот?
    liked.delete(el); // удалить
  } else {
    liked.add(el); // добавить
  }

  // пора показать что-нибудь
  document.querySelector('span.text').innerText = liked.size; // счётчик

  // список выбранных
  document.querySelector('span.list').innerText = [...liked.values()]
    .map(({innerText: t}) => t)
    .join(', ');
});

- <BasePagination v-model="page" :count="countProducts"  :car="car"></BasePagination>
+ <BasePagination @paginate="paginate" :count="countProducts"  :car="car"></BasePagination>

methods: {
  paginate(page) {
    this.page = page;
  },
},

const sourceElement = document.querySelector('.GrandMuther');

// во что заворачивать
const wrapper = document.createElement('div');
wrapper.classList.add('Mother');

Array.from(sourceElement.children)
  .forEach(el => wrapper.appendChild(el));
sourceElement.appendChild(wrapper);

// «функция(не важно, сколько раз)»
const readBook = () => console.log('A B C');

// кнопка, которую много раз
const btnRead = document.getElementById('btn-read-book');
btnRead.addEventListener('click', readBook);

// другая кнопка, которая всё.
document.getElementById('btn-lights-out')
  .addEventListener(
    'click',
    () => btnRead.removeEventListener('click', readBook)
  );