ВведениеВ данной статье мы обсудим новые возможности работы с массивами в JavaScript, которые были добавлены в ES2023.findLast и findLastIndexДопустим, у нас есть массив с элементами:const arr = [0, 1, 2, 3, 7];Нам нужно найти элемент со значением 7, и мы предполагаем, что он находится ближе к концу массива.В предыдущем варианте когда мы использовали find(), мы бы делали это следующим образом:const arr = [0, 1, 2, 3, 7]; const res = arr.find(el => { console.log('Поиск'); return el =…
Введение В последнее время все больше компаний сталкиваются с необходимостью создания нескольких брендов на одном сайте или приложении. Такая задача может быть связана с различными целевыми аудиториями пользователей, регионами или продуктами. Реализация мультибрендинга может быть непростой задачей, особенно если у вас уже есть готовый проект. В этой статье я расскажу, как на проекте с Angular добавить несколько брендов, как добавить разную для них логику, о преимуществах NX для этой задачи и …
Система СИ и взаимосвязи между единицами физических величин.Программируя традиционным образом, очень просто упустить из виду, в каких единицах измеряются числа, с которыми мы оперируем. Например, можно сложить метры с литрами, и никакой компилятор нам при этом не поможет. Эта проблема реальная и уже доказано приводила к авариям, обошедшимся во многие миллионы долларов. (Одна из историй здесь).Избежать этого помогает использование специальных библиотек, которые корректно работают с физическими …
В этой статье я рассказываю, как мне удалось сделать весьма не плохую архитектурное решение с применением Microfrontend и Feature Sliced Design. Вкратце что из себя представляет обе эти архитектуры.Microfrontend - пришедшее из мира микросервисов, где каждый сервис условно работает автономно и имеет не сильную связь с другими сервисами. Микрофронтенд применяется что-то из этого рода архитектур, где контейнер (App) условно разбит на несколько модулей, и каждый модуль может быть написан на разных…
Эта статья — перевод оригинальной статьи "New in Chrome 115".Также я веду телеграм канал “Frontend по-флотски”, где рассказываю про интересные вещи из мира разработки интерфейсов.Анимации основанные на скроле страницыАнимации основанные на скроле, являются распространенным UX паттерном в вебе. Анимации основанные на скроле страницы, связаны с позицией текущего скролбара. Это означает, что при прокрутке вверх или вниз связанная анимация движется вперед или назад в прямой зависимости от …
Этот пост является ещё одной попыткой сформулировать идею, зачем нужно внедрение зависимостей в ванильном JavaScript (именно в ES6+, а не в TS).Основная сложность в том, что шаблон “внедрение зависимостей” (DI) есть следствие применение на практике “принципа инверсии зависимостей” (DIP). Классическая формулировка этого принципа выглядит так:A. Модули верхних уровней не должны зависеть от модулей нижних уровней. Оба типа модулей должны зависеть от абстракций.B. Абстракции не должны зависеть от …
Каждые несколько лет среди специалистов по безопасности поднимаются дискуссии о вреде JS-криптографии. Сейчас они возобновились. Что стало поводом и почему у некоторых специалистов такое предубеждение к криптографическим операциям в браузере? Попробуем разобраться. Критика JavaScript-криптографии Претензии к криптографии в браузере концентрируются вокруг следующих тезисов: Излишнее использование JS-криптофункций там, где достаточно SSL/TLS. Например, создание собственных криптопротоколов …
Привет! Продолжаем цикл статей про тестирование не-REST-бэкенда, в прошлый раз мы говорили о GraphQL, теперь пришло время WebSocket.Итак, что такое WebSocket?Википедия сообщает, что это «протокол связи поверх TCP-соединения, предназначенный для обмена сообщениями между браузером и веб-сервером, использующий постоянное соединение».Что тут важно — что это протокол (со всеми вытекающими последствиями для протокола), который использует постоянное соединение.Работу по WebSocket в обычной жизни можн…
Привет, Хабр! Сегодня предлагаем подборку книг для JavaScript-разработчика. Подобраны они в порядке усложнения материала. То, что в начале подборки, пригодится начинающему специалисту (правда, перечитать не помешает и профи). А ближе к концу — книги для более опытных разработчиков. Если же у вас есть собственные предпочтения, то расскажите о них тоже — поделитесь в комментариях. JavaScript для чайниковАвторы: К. Минник, Е. ХолландОтличная книга по JavaScript для тех, кто лишь вступил на путь р…