JavaScript

JavaScript   →  removeEventListener и bind правильное использование

Метод bind у функции возвращает новую функцию, поэтому нельзя делать вот так:

JavaScript   →  Добавляем ноль при формировании даты

Каждый сталкивался с задачей формирования даты в нужном формате из объекта Date

Помимо такой вещи как добавить +1 к результату функции getMonth, необходимо для читаемости добавить 0, если месяц состоит из одной цифры. то есть январь - 1 должен выглядеть как '01' (01.01.2022)

JavaScript   →  Set описание и хитрости

Set это объект позволяющий хранить уникальные значения разных типов, примитивных типов или ссылок на объекты.

Set можно итерировать в порядке добавления элементов.

Хитрости с Set:
- удаление повторяемых значений из массива

JavaScript   →  Проблема запуска eslint в монорепозитории

В монорепозитории с UI китом(stencil/typescript) столнулся с проблемой, что запуск eslint на весь репозиторий падает с ошибкой. Как запуск из консоли, так и запуск через husky.

Ошибка при запуске через husky:

./node_modules/.bin/eslint --fix was terminated with SIGABRT

Ошибка при запуске через консоль:

JavaScript   →  Интересный способ сброса setTimeout и setInterval

Если нам нужно отменить запуск setTimeout или setInterval, то обычно используем такую конструкцию:

JavaScript   →  Escaping Regexp Expression

Перед тем как вставить искомую строку в match, на поиск совпадений, неплохо заэкранировать строку.

     //escape regexp expression
     function escapeRegExp(str) {

JavaScript   →  Trigger event на javascript

Функция используемая в тестах jQuery.

JavaScript   →  Hotkeys комбинация клавиш

Будет в виде модуля, для евентовой модели.

Основная суть здесь вот в чем, имеем массив, в который будем добавлять клавиши по keydown, и удалять по keyup, то есть пока клавиша зажата она будет в массиве и мы можем посмотреть какая комбинация сейчас нажата.

JavaScript   →  Коды кнопок клавиатуры в Javascript

Для определения кода кнопок, нажмите нужную кнопку вв текстовом поле:


Код нажатой кнопки:

JavaScript   →  Проверка поддержки CSS свойств в JavaScript

В силу распостраненности множества различных браузеров, разной степени свежести, у веб разработчика возникает проблема обеспечения кроссбраузерности. Одна из таких проблем это поддержка того или иного браузера CSS свойств. Решение проблем или забить или всякого рода хаки, в том числе и на js. Вот способ как определить, поддерживается свойство или нет.

Определяем поддерживается ли CSS cвойство:

Pages