Егор Живагин

В render такое делать нельзя. Место для такой подписки - componentDidMount. Думаю, правильнее будет подписаться один раз, и не делать ничего, если isMenuOpen в true.

if (isMenuOpen) {
      document.addEventListener('keydown', this.keyPressHandler)
    } else {
      document.removeEventListener('keydown', this.keyPressHandler)
    }

Остальное (организация компонент) - это скорее вкусовщина. Но если смотреть в целом - нет какой-то консистентности. Где-то есть компоненты для логических элементов, где-то нет.

"Хацкаем" метод метод, пишем в глобал результат, юзаем результат.

Math.floorOrig = Math.floor;
Math.floor = (n) => {
  window.num = Math.floorOrig(n)
  return window.num;
}

function getNum() {
  const num = Math.floor(Math.random() * 10);
}

getNum();

console.log(window.num);

Еще можно просто переопределить саму функцию.

function getNum() {
  const num = Math.floor(Math.random() * 10);
}

function getNum() {
  return Math.floor(Math.random() * 10);
}

console.log(getNum());

arr.map(item => item.title).join(', ');

Лайфхак для создания коллекции файлов FileList:

var info = 'Какой-нибудь текст';

var dt  = new DataTransfer();
dt.items.add(new File([info], 'primer.txt', {type: 'text/plain'}));
var file_list = dt.files;

console.log('Коллекция файлов создана:');
console.dir(file_list);

// Вставим созданную коллекцию в реальное поле:
document.querySelector('input[type="file"]').files = file_list;

В переменную info вместо текста, можно положить в том числе и Blob - это особенность функции new File() которая первым параметром может принять как массив из текстов, так и массив из Blob.

Фактически лайфхак выше позволяет нам JavaScript-ом скачать любой какой угодно файл со своего сайта и вставить его абсолютно в любое поле <input type="file"> - что просто архиполезно для браузерных ботов.

Также способ выше можно применить для редактирования уже выбранных пользователем файлов. Например, если надо из поля выбора файлов убрать какие-то определенные файлы и при этом сделать не фиктивно, а реально.

Огромное спасибо пользователю Mmx Symfony, который нарыл это решение где-то в недрах иностранных сайтов. Сам я, в свое время сколько не искал, везде был ответ, что это невозможно, а оказалось, что нихрена подобного =)

element.addEventListener("mouseover", function( ) {   
if(element.clientX < element.clientWidth/2){
выход справа
}else{
  выход слева
}
}, false);

Не совсем понятно, как setTimeout подойдет в решении этой проблемы. Вы же не ожидаете, что пользователь не покинет вкладку за этот месяц?

На мой взгляд, целесообразнее сохранить в localStorage дату создания корзины. Затем при помощи скрипта проверять, прошло ли с момента создания корзины 30 дней. Если да, то корзину очистить.

const cloneObject = (o, count = 1) => {
  const objects = new Array(count).fill(o);

  return objects.map((obj, index) => ({ ...obj, id: obj.id + index }));
};

точное время выполнения одного вызова функции получить довольно сложно.

во первых - performance.now возвращает дробное число, поэтому там в принципе может быть наносекундная точность. однако стандарт определяет что точность должна быть 5 микросекунд. Плюс браузеры могут специально занижать точность чтобы бороться с некоторыми атаками.

поэтому правильно вызывать функцию много раз и считать среднее.
так же в ноде есть process.hrtime которая дает наносекунды.

оба этих метода "в лоб" не дадут нормального результата. Почему? потому что в реальности происходит много всего интересного при выполнении кода.

в движке есть неимоверное количество оптимизаций, и функция вызванная 10 раз будет иметь совершенно другой код чем функция вызванная 100 раз. То же касается и типов параметров - например вы можете передавать целые или дробные числа.
На одну вашу написанную js-функцию движок сгенерирует несколько функций которые это реализуют. У этих функций может быть совершенно разный код с разной произодительностью.

Переключение происходит на лету и в общем виде вы не знаете когда это происходит.

поэтому само по себе замерение скорости "функции" имеет мало смысла, так как там их несколько внутри. Если интересны детали - погуглите JIT, AOT и v8 optimizations.
Сейчас важно то что есть "холодные" функции которые работают медленее но надеждее и как правило используются сразу и есть "горячие" варианты, которые компилятор начинает использовать когда видит что код вызван много раз, и условия не меняются. "Горячие" работают быстрее.

при прогоне цикла сначала будет работать "холодный" вариант, затем в какой-то момент срабатывает оптимизация, он переключается на более быстрый. Таких переключений может быть несколько.

зная это, код можно сначала разогреть а потом померять скорость. скорее всего на разогретом коде будет работать один и тот же вариант.

или, как вы сказали, запустить его миллион раз (думаю хватит и десятка тысяч), и первые запуски холодного кода не будут особо влиять. Это можно определить по тому как растет производительность с увеличением итераций, в какой-то момент она перестанет это делать.

И тут самый главный момент - даже если вы замерите эту скорость, что вы будете делать с этим знанием? В реальной программе при выполнении этого кода скорость может быть совсем не такая как вы намеряли. Эти тесты годятся только для своего общего развития

На практике имеет смысл измерять скорость у функций которые выполняются намного дольше И там где это создает проблемы. погуглите термин "преждевременная оптимизация".
В этом случае обычно понятно что создает задержки и измерить время работы одного вызова не составляет труда.
Если же функция работат так быстро что вы не можете понять насколько именно, то вряд ли вам потребуется это выяснять.

Для практических задач в браузере есть профайлер, если нужно выяснить что же тормозит в конкретном коде, правильнее всего начать с него.

Postman - это расширение браузера, а не обычная страница. У него другие права. В частности, он игнорирует политику CORS.

Можно же без регекспов

var str1 = 'Зеленая поляна';
re1='ная';
re2='яна';
var str_new = str1.replace(re1, 'ную');
var str_new=str_new.replace(re2,'яну');

Можно для падежей также https://morpher.ru/ использовать.

для одного:


для нескольких:

<a href="#" onclick="url=this.href; setTimeout('location.href='+url, 600); return false;">cсылка</a>

;this.href='javascript:void(0)'; -> ;return false

Гитхаб бесплатный для открытых реп
Битбакет бесплатный для закрытых реп
Гитлаб - основная фишка - возможность поставить локально + вести в нем весь пайплайн, таски, тайминг...