code_notes

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

88 views06:22

code_notes

оч люблю эту статью (про скролл-снап)

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

CSS-Tricks

Practical CSS Scroll Snapping | CSS-Tricks

CSS scroll snapping allows you to lock the viewport to certain elements or locations after a user has finished scrolling. It’s great for building interactions

98 views15:04

code_notes

чем отличается троттлинг от дебаунса

тротилинг срабатывает раз в несколько секунд, дебаунс ждёт последнего вызова и срабатывает после него и после таймера

https://medium.com/nuances-of-programming/%D1%87%D1%82%D0%BE-%D1%82%D0%B0%D0%BA%D0%BE%D0%B5-throttling-%D0%B8-debouncing-4f0a839769ef

Medium

Что такое Throttling и Debouncing?

Эти техники следует знать каждому веб-разработчику, особенно тем, кто работает во фронтенде.

101 viewsedited 16:12

code_notes

для чего нужны веб-воркеры

92 views05:33

code_notes

измерять время выполнения вот так — плохо

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

для бенчмарков можно использовать библиотеку benchmark.js https://github.com/bestiejs/benchmark.js

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

92 viewsedited 10:07

code_notes

хвостовая оптимизация

95 views07:13

code_notes

рекурсия / хвостовая рекурсия

134 views07:15

code_notes

можно передавать выражения в качестве default value

165 views05:38

code_notes

async/await это синтаксический сахар над промис+генератор подходом

ух

184 viewsedited 05:49

code_notes

https://developer.mozilla.org/ru/docs/Web/JavaScript/A_re-introduction_to_JavaScript

MDN Web Docs

Повторное введение в JavaScript (JS учебник) - JavaScript | MDN

Почему повторное введение? Потому что JavaScript известен тем, что является самым неправильно понятым языком программирования в мире. Его часто называют игрушкой, но под слоем обманчивой простоты ожидают мощные языковые возможности. В настоящее время JavaScript…

164 views08:22

code_notes

слайды доклада Анны Селезневой про разработку интерфейсов

https://askd.rocks/pres/ui-2020/

131 views18:32

code_notes

как генерировать рандомную строку в джс

https://stackoverflow.com/questions/1349404/generate-random-string-characters-in-javascript

Stack Overflow

Generate a string of random characters

I want a string of fixed length, composed of characters picked randomly from a set of characters e.g. [a-zA-Z0-9].
How can I do this with JavaScript?

105 views19:30

code_notes

надеялась, что прицепится сниппет

короче вот так:

Math.random().toString(36).substring(2);

рандомное число конвертируем в строку в 36-ричной системе счисления, потом обрезаем целую часть от Math.random

136 viewsedited 19:31

code_notes

https://htmlacademy.ru/blog/boost/frontend/prevent-default

статья про preventDefault

понравился подход с открытием модалки по ссылке в отдельном окне

HTML Academy

Зачем нужен метод preventDefault

Рассказали, как отменить действие браузера по умолчанию при срабатывании события.

101 viewsedited 20:01

code_notes

список бесплатных апи доступных без аутентификации

https://mixedanalytics.com/blog/list-actually-free-open-no-auth-needed-apis/

Mixed Analytics

Big List of Free and Open Public APIs (No Auth Needed) [2025]

An API (Application Programming Interface) allows you to send and receive data from a remote server, like querying a database. This is helpful when you’re building an app or pulling metrics for…

117 views07:17

code_notes

подмените геолокацию через девтулзы (действительно полезная штука)

https://developers.google.com/web/tools/chrome-devtools/device-mode/geolocation