Regex101 — сервис, позволяющий деконструировать чужие регэкспы и объяснить функцию каждого оператора. Ссылки на объяснения можно размещать прямо в комментариях к коду для удобства работы в команде.
Так же можно протестировать свой код, получая при этом в реальном времени полное объяснение, как обрабатывается искомый запарос. Ну и да, на сайцте есть справочная информация и раздел с вопросами для тех, кто только входит в мир «регулярок».
🌐Подробнее
Made in HTML/CSS
Так же можно протестировать свой код, получая при этом в реальном времени полное объяснение, как обрабатывается искомый запарос. Ну и да, на сайцте есть справочная информация и раздел с вопросами для тех, кто только входит в мир «регулярок».
🌐Подробнее
Made in HTML/CSS
🔥6👍1
Методы flat() и flatMap() в JavaScript упрощают работу с вложенными массивами:
flat(): Убирает указанное количество уровней вложенности.
flatMap(): Применяет функцию к элементам и уплощает результат на один уровень.
Made in HTML/CSS
flat(): Убирает указанное количество уровней вложенности.
flatMap(): Применяет функцию к элементам и уплощает результат на один уровень.
Made in HTML/CSS
👍6🔥1
Конструктор Icon Maker, предоставляет удобные инструменты для создания и редактирования иконок для различных целей, включая веб-сайты, приложения и социальные сети.
Made in HTML/CSS
Made in HTML/CSS
👍4🔥2
Что такое рекурсия? Как им пользоваться?
Рекурсия — это подход к решению проблем, при котором функция решает проблему, повторно используя себя в своем собственном теле функции. Проще говоря, это когда функция вызывает саму себя.
Рекурсивная функция состоит из:
- Условного завершения или базового случая
- Рекурсивного шага (способ свести проблему к более простым формам)
Made in HTML/CSS
Рекурсия — это подход к решению проблем, при котором функция решает проблему, повторно используя себя в своем собственном теле функции. Проще говоря, это когда функция вызывает саму себя.
Рекурсивная функция состоит из:
- Условного завершения или базового случая
- Рекурсивного шага (способ свести проблему к более простым формам)
Made in HTML/CSS
👍3🔥3
Отдаём на вход неформатированный JSON, получаем на выходе отформатированный.
Бонусом проверка на валидность по трём разным RFC и ECMA-404.
Made in HTML/CSS
Бонусом проверка на валидность по трём разным RFC и ECMA-404.
Made in HTML/CSS
👍4🔥2
Скевоморфизм — это тенденция в дизайне, в основе которой лежит реалистичное изображение объектов. Элементы, выполненные в этой стилистике, отличает достаточно точная имитация внешнего вида и образа оригинальных предметов из реальной жизни.
Задача скевоморфизма — создать метафору, которую пользователь сможет безошибочно считать, чтобы упростить знакомство с новым устройством или интерфейсом
Made in HTML/CSS
Задача скевоморфизма — создать метафору, которую пользователь сможет безошибочно считать, чтобы упростить знакомство с новым устройством или интерфейсом
Made in HTML/CSS
🔥5👍1
JSON Placeholder — бесплатный REST API, который можно использовать для тестирования, когда вам нужны какие-нибудь фейковые данные в проекте.
🌐Подробнее
Made in HTML/CSS
🌐Подробнее
Made in HTML/CSS
🔥4👍2
Методы Array.from() и Array.of() помогают легко создавать массивы.
Array.from() преобразует итерируемые объекты, такие как множества или строки, в массивы.
Array.of() создает массив из переданных аргументов.
Made in HTML/CSS
Array.from() преобразует итерируемые объекты, такие как множества или строки, в массивы.
Array.of() создает массив из переданных аргументов.
Made in HTML/CSS
👍7🔥2
TypeScript Hero — это расширение для Visual Studio Code, которое упрощает работу с TypeScript. Оно позволяет быстро искать и вставлять операторы импорта, организовывать импорт и без проблем переходить между файлами, классами и функциями в проекте
Made in HTML/CSS
Некоторые функции расширения:
- Интеллектуальное завершение кода.
- Автоматический импорт.
- Инструменты для рефакторинга.
Made in HTML/CSS
👍4🔥3
В чем разница между выражением функции и объявлением функции?
Объявление функции и выражение функции — это два различных способа определения функций в JavaScript
Объявление функции — это способ определения функции с использованием ключевого слова function
Выражение функции — это способ определения функции в контексте выражения, например, присваивания её переменной
Made in HTML/CSS
Объявление функции и выражение функции — это два различных способа определения функций в JavaScript
Объявление функции — это способ определения функции с использованием ключевого слова function
Выражение функции — это способ определения функции в контексте выражения, например, присваивания её переменной
Основное различие между объявлением функции и выражением функции заключается в предварительном объявлении. Объявления функций обрабатываются до выполнения блока кода, что делает их доступными для вызова до их определения. В то же время, выражения функций создаются только тогда, когда выполнение кода достигает их.
Made in HTML/CSS
👍6🔥2
Bundlephobia — наглядно показывает, какие зависимости притянет npm-пакет. Можно загрузить package.json и проверить его.
Это полезно, ведь мы тонем в зависимостях и нам это нравится.
🌐Подробнее
Made in HTML/CSS
Это полезно, ведь мы тонем в зависимостях и нам это нравится.
🌐Подробнее
Made in HTML/CSS
👍4🔥2
Проблема заключается в том, что доступ к свойствам объектов, передаваемых в обратные вызовы, может быть громоздким.
Решение состоит в использовании деструктуризации параметров в обратных вызовах, что позволяет напрямую обращаться к свойствам объектов и делает код более чистым и лаконичным.
Made in HTML/CSS
Решение состоит в использовании деструктуризации параметров в обратных вызовах, что позволяет напрямую обращаться к свойствам объектов и делает код более чистым и лаконичным.
Made in HTML/CSS
👍7🔥1
This media is not supported in your browser
VIEW IN TELEGRAM
Dendron — это инструмент для управления знаниями и создания заметок, который помогает организовать информацию и улучшить продуктивность. Он работает на основе файловой системы и использует текстовые файлы в формате Markdown, что делает его совместимым c Visual Studio Code
Dendron особенно полезен для тех, кто работает с большими объемами информации и нуждается в эффективной системе для их организации и поиска.
Made in HTML/CSS
Dendron особенно полезен для тех, кто работает с большими объемами информации и нуждается в эффективной системе для их организации и поиска.
Made in HTML/CSS
👍3🔥3
Что такое функции конструктора?
Функции-конструкторы — это обычные функции, которые используются для создания объектов. Однако есть два правила их использования:
- Имя функции-конструктора должно начинаться с заглавной буквы.
- Функция-конструктор должна вызываться с помощью оператора new.
Made in HTML/CSS
Функции-конструкторы — это обычные функции, которые используются для создания объектов. Однако есть два правила их использования:
- Имя функции-конструктора должно начинаться с заглавной буквы.
- Функция-конструктор должна вызываться с помощью оператора new.
При создании функции-конструктора с использованием оператора new происходит следующее:
- Создается новый пустой объект, которому присваивается новый пустой объект.
- Выполняется код внутри функции-конструктора. Как правило, этот код изменяет объект this и добавляет новые свойства.
- Возвращается значение this.
Made in HTML/CSS
🔥5👍3
TinyPNG — cжимает WebP, PNG и JPG и не портит картинки. Можно использовать для создания превьюшек.
Есть плагин для Фотошопа.
🌐Подробнее
Made in HTML/CSS
Есть плагин для Фотошопа.
🌐Подробнее
Made in HTML/CSS
🔥6👍4👨💻1
При работе с функциями, которые могут принимать опциональные коллбэки (функции обратного вызова), возникает необходимость проверять их наличие перед вызовом.
Это связано с тем, что попытка вызвать несуществующую функцию приведет к ошибке.
Решением проблемы является использование сокращенного вычисления (short-circuit evaluation). В данном случае перед вызовом коллбэка выполняется проверка его существования. Если коллбэк существует (не равен null или undefined), он вызывается; в противном случае ничего не происходит.
Made in HTML/CSS
Это связано с тем, что попытка вызвать несуществующую функцию приведет к ошибке.
Решением проблемы является использование сокращенного вычисления (short-circuit evaluation). В данном случае перед вызовом коллбэка выполняется проверка его существования. Если коллбэк существует (не равен null или undefined), он вызывается; в противном случае ничего не происходит.
Made in HTML/CSS
👍5🔥4
Адаптивная flex-сетка на CSS: разбираем реализацию на атомы
Статья посвящена созданию адаптивной flex-сетки на CSS с использованием SCSS. Автор фокусируется на практической реализации. Основная идея заключается в разделении страницы на определенное количество колонок, где каждый элемент может занимать нужное ему количество этих колонок.
🌐 Читать статью
Made in HTML/CSS
Статья посвящена созданию адаптивной flex-сетки на CSS с использованием SCSS. Автор фокусируется на практической реализации. Основная идея заключается в разделении страницы на определенное количество колонок, где каждый элемент может занимать нужное ему количество этих колонок.
🌐 Читать статью
Made in HTML/CSS
👍5🔥1👨💻1
Основные отличия функции-конструктора от класса в JavaScript:
- Синтаксис: Функция-конструктор использует function, класс — class.
- Прототипы: Функции добавляют методы на прототип объекта, классы объявляют методы внутри, автоматически добавляя их в прототип.
- Наследование: Классы используют extends для наследования, функции требуют ручного управления прототипами.
- Область видимости: Переменные внутри функций видны только в функции, в классах — только в классе.
- Удобство: Классы предоставляют более удобный синтаксис для создания объектов и настройки свойств и методов.
Made in HTML/CSS
- Синтаксис: Функция-конструктор использует function, класс — class.
- Прототипы: Функции добавляют методы на прототип объекта, классы объявляют методы внутри, автоматически добавляя их в прототип.
- Наследование: Классы используют extends для наследования, функции требуют ручного управления прототипами.
- Область видимости: Переменные внутри функций видны только в функции, в классах — только в классе.
- Удобство: Классы предоставляют более удобный синтаксис для создания объектов и настройки свойств и методов.
Made in HTML/CSS
👍7
Squoosh от Google является сервисом для сжатия изображений.
Инструмент позволяет использовать расширенные параметры, предоставляемые различными компрессорами изображений.
Меняем настройки, двигаем ручку, смотрим, что ничего не сломалось.
🌐Подробнее
Made in HTML/CSS
Инструмент позволяет использовать расширенные параметры, предоставляемые различными компрессорами изображений.
Меняем настройки, двигаем ручку, смотрим, что ничего не сломалось.
🌐Подробнее
Made in HTML/CSS
👍4🔥2
Преобразование функций, основанных на коллбэках, в промисы может быть громоздким, поэтому используется утилита promisify, которая автоматически оборачивает коллбэк-функцию в промис, позволяя удобно работать с асинхронным кодом через .then/.catch или async/await, что делает код более читаемым и совместимым с современными подходами.
Made in HTML/CSS
Made in HTML/CSS
👍3🔥3