Golubov Nikita @midfilecrisis - Twitter Profile

@JoshWComeau I've recently encountered it and made 2 examples: 1. Registering start and end events together: https://t.co/PZQjsk5Xmw 2. Async handler with multiple awaits: https://t.co/NPYflCf9Ml These examples are coding exercises so they don't use refs but can be fixed by using them

0

36

Golubov Nikita @midfilecrisis

over 3 years ago

Сустав болит, поясница плачет, Но я не мог сидеть иначе.

1

8

0

588

Golubov Nikita @midfilecrisis

over 3 years ago

@_evless Одно другому не мешает-то

1

0

57

Golubov Nikita @midfilecrisis

over 3 years ago

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

midfilecrisis's tweet photo. Дано: есть строка, внутри неё инпуты и кнопки.

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

Решение: проверить, забрал ли на себя фокус кликнутый элемент. https://t.co/A16Vv4vxaN

2

6

0

1

572

Golubov Nikita @midfilecrisis

over 3 years ago

Дополнение — нужно ещё проверить document.activeElement !== document.body, т.к. в случае когда ничего не в фокусе, там может лежать сам <body> Обновлённый код в сэндбоксе: https://t.co/aJaqjMQjaG

0

175

Golubov Nikita @midfilecrisis

over 3 years ago

contains нужен, чтобы отследить клик по span/div внутри кнопки Клик по самой кнопке: * activeElement.contains(target) // true * activeElement === target // true Клик по span/div внутри кнопки: * activeElement.contains(target) // true * activeElement === target // false

1

0

216

Golubov Nikita @midfilecrisis

over 3 years ago

Этот принцип обхода используется в Object.keys, Object.values, Object.entries и for...in Полное описание тут: https://t.co/ZnaGdQnBHE

0

143

Golubov Nikita @midfilecrisis

over 3 years ago

Всегда думал, что ключи объекта обходятся в алфавитном порядке (например, в Object.keys). А оказалось принцип совсем другой: 1. Сначала идут по возрастанию ключи, которые приводятся к целым положительным числам 2. Потом все остальные в хронологическом порядке добавления в объект

midfilecrisis's tweet photo. Всегда думал, что ключи объекта обходятся в алфавитном порядке (например, в Object.keys). А оказалось принцип совсем другой:
1. Сначала идут по возрастанию ключи, которые приводятся к целым положительным числам
2. Потом все остальные в хронологическом порядке добавления в объект https://t.co/GZoCnDgn1b

3

7

1

0

631

Golubov Nikita @midfilecrisis

over 3 years ago

Но при этом если залогировать в консоль объект целиком, то там ключи располагаются в алфавитном порядке:

1

0

214

Golubov Nikita @midfilecrisis

over 3 years ago

Был уверен, что Adobe уже благополучно купили Фигму, а оказывается всё ещё в процессе и есть серьёзная вероятность, что покупку заблокируют https://t.co/fEJilqRf5b

0

4

0

307

Golubov Nikita @midfilecrisis

over 3 years ago

Удобный способ типизировать ожидаемый результат в юнит-тестах — вывести его тип из фактического результата с помощью typeof:

midfilecrisis's tweet photo. Удобный способ типизировать ожидаемый результат в юнит-тестах — вывести его тип из фактического результата с помощью typeof: https://t.co/n9XUB6Cnnj

0

12

0

2

781

Golubov Nikita @midfilecrisis

over 3 years ago

Попросил ChatGPT придумать название переменной и он справился. Скинул ему кусок кода для ознакомления (скрин 1), описал дополнительный контекст (скрин 2) и попросил совета (скрин 3). В итоге варианты `renamedTables` и `tablesAfterUpdate` показались самыми подходящими.