можно получить бесконечность, поделив на ноль

Наконец-то вчера сделала сниппет для создания компонентов в vs code.

работает вот так

Создавать свои сниппеты просто и приятно и они улучшают девелопер экспириенс в миллион раз ✨

Документация лежит тут: https://code.visualstudio.com/docs/editor/userdefinedsnippets

А вот удобнейший сниппет-генератор: https://snippet-generator.app

Между прочим отличный доклад Ивана Акулова о простых способах оптимизировать перформанс в 2019


https://youtu.be/iEv1rFujYm4

Статья (с примерами кода) о том, как пара строчек css помогают докручивать элементы до края экрана

https://css-tricks.com/practical-css-scroll-snapping/

#nestjs

a module becomes a singleton when being wrapped in @Injectable decorator

всегда пропускала эту задачу, но сегодня решила

(это из книжки "выразительный джаваскрипт")

Предположим, что мы хотим использовать самую простую регулярку для поиска подстроки «кот» в строке «который раз одно и то же».

Вот она:

const reg = /кот/g

Флаг g (global) означает, что регулярка применяется ко всей строке, то есть поиск не прекращается после обнаружения первого совпадения.
Звучит как что-то полезное.
Но если мы запустим это выражение на нашей строке, то каждый второй раз оно будет возвращать false.

const str = "который раз одно и то же"

reg.test(str)
true
reg.test(str)
false
reg.test(str)
true
reg.test(str)
false

При первом вызове test() совпадение обнаруживается, но в следующей итерации поиск начинается с индекса 3 (конец первого совпадения) (wtf) и завершается ничем. После достижения конца строки и перехода к следующей итерации метод test() снова начинает поиск с начала строки.

Проверить это можно через свойство lastIndex

reg.lastIndex
0
// мы еще не запустили проверку и lastIndex равен нулю

reg.test(str)
true

reg.lastIndex
3
// вот здесь-то и начинаются непонятки

Избежать этого можно несколькими способами:

- не указывать флаг g
- присваивать 0 свойству lastIndex после каждого вызова reg.lastIndex = 0
- каждый раз перед проверкой создавать новую регулярку

https://www.youtube.com/watch?v=IHPjaECmtCo&feature=youtu.be&t=953

доклад, после которого я установила tldr в консоль и сделала бесполезного бота

tldr — полезная штука, которая прямо в консоли показывает, для чего используется та или иная комада

npm install -g tldr

постоянно путаю function declaration и function expression

function declaration

function sayHi() { }

function expression

const sayHi = function() { }

в чём же разница:

declaration всплывает, expression не всплывает

иногда стоит почитать комментарии на лерн.джаваскрипт

статья, которая напомнила мне про функции

https://overreacted.io/what-is-javascript-made-of/

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

https://overreacted.io/my-decade-in-review/

читаемость важнее краткости (насчет стрелочных функций не соглашусь)

https://gomakethings.com/readability-is-more-important-than-brevity/

css

чтобы зеркально отразить объект, можно использовать transform: scaleX(-1);