Данная статья является продолжением предыдущей статьи на тему детального разбора числового типа данных float и посвящена детальному разбору числового типа данных double.Что такое тип данных в программировании?Тип данных это метод хранения блока битов в определённом порядке и по определённым алгоритмам (правилам), чтобы при декодировании битов можно было получить достоверные данные.Существует две группы типов данных:ПримитивныеСтруктурированныеПримитивные типы данных делятся на целочисленные, ве…
В современных веб-приложениях для потокового видео всё чаще требуется не просто воспроизводить контент, но и анализировать аудиодорожку в реальном времени. Например, строить индикаторы уровня громкости (VU/PPM метры), визуализировать спектрограммы или детектировать тишину. В этой статье разберём, как корректно объединить hls.js и Web Audio API для анализа аудио из HLS-потока в браузере, избежав типичных подводных камней.ПроблематикаПри работе с Web Audio API и HTML-медиа-элементами разработчики…
Когда я только начал создавать KanaDojo, я не планировал строить серьёзную образовательную платформу или что-то в этом роде. Мне просто нужен был простой, красивый и бесплатный способ практиковаться и учить японскую кану (по сути японский «алфавит», хотя точнее его описать как слоговую азбуку - не совсем так, как у нас в русском). Хотелось создать что-то такое же минималистичное и затягивающее, как Monkeytype (загуглите! Очень классный проект), но для изучающих японский язык.В то время я был пр…
На собеседованиях и литкоде любят вращать бинарные деревья. Но что насчёт трансформации обычного дерева в другое? Как решить эту задачу, и какие могут быть подходы? Рассмотрим на опыте трансляции одного синтаксического в другое, чтобы разобраться.Как мы к этому пришлиПричины трансформировать одно дерево в другое придумать не очень сложно:Конвертация между разными форматами, например XML в HTML.Алгоритмические задачи, включая пресловутое вращение бинарных деревьев.Преобразования внутри компилято…
Всем привет, с вами Артем Леванов, Front Lead в компании WebRise. В прошлой статье мы разобрали, как навести порядок в создании форм — выделили примитивы, ячейки и типовые поля.Следующая проблема, с которой сталкивается любая форма — валидация.Формы могут быть красивыми и структурными, но без единого подхода к валидации они быстро превращаются в хаос.В этой статье поговорим о том, почему встроенные и кастомные проверки плохо масштабируются, особенно в динамических формах, и как Zod решает эту п…
Во многих проектах на Next.js возможности для SEO остаются неиспользованными: страницы индексируются не полностью, структурированные элементы отсутствуют, а ссылки в соцсетях отображаются неправильно. Чтобы этого избежать, существуют проверенные инструменты и подходы, которые помогают сделать SEO понятным, полным и эффективным.В данной статье рассмотр��ны ключевые аспекты настройки SEO в проектах на Next.js: работа с метаданными, генерация sitemap и robots.txt, оптимизация изображений и внедрен…
Эта статья — перевод оригинальной статьи «Perfectly Pointed Tooltips: All Four Sides». Это вторая часть, первая часть уже есть на Хабре (Идеально размещённые тултипы: база), будет ещё перевод 3-ей части.Также я веду телеграм канал «Frontend по‑флотски», где рассказываю про интересные вещи из мира разработки интерфейсов.ВступлениеПора перейти ко второй части! У нас уже есть очень хорошие функциональные тултипы с позиционированием, но они в основном «смотрели» вверх или вниз и смещались у краёв, …
Всем привет! Меня зовут Александр Григоренко, я фронтенд-разработчик. Последние несколько месяцев я работаю над пет-проектом — интерактивной образовательной платформой для изучения Web Audio API и принципов обработки и синтеза цифрового звука. На платформе пользователи смогут решать задачи, программируя на JavaScript прямо в браузере. Эти программы выполняются в изолированной среде — песочнице, где пользовательский код не может повлиять на работу самой платформы.Когда я начал реализовывать песо…
1. Дискриминантное объединение (Discriminated Union)1.1 Сужение на основе признаков присущих типу Tagged Union2. Сужение дипазона типов (Narrowing)2.1 Анализ потока управления (Control flow analysis)2.2 Сужение диапазона множества типов на основе типа данных2.2.1 typeof сужение2.2.2 instanceof сужение2.2.3 Оператор in сужения2.3 Сужение истины (Truthiness narrowing)2.4 Сужение равенства (Equality narrowing)2.5 Использование предикатов типа (type predicates)2.6 Использование функции утверждения …