Часто необходимо знать, с какой областью страницы взаимодействует пользователь. Например, если вы создаете выпадающее меню, нужно понять, когда его закрывать. Наивная реализация будет просто слушать клики и проверять, произошел ли клик вне элемента выпадающего меню. Но мышь — это не единственный способ взаимодействия, не стоит забывать и про клавиатуру. Кроме того, выпадающее меню может иметь вложенную многоуровневую структуру, что делает простую проверку целевого клика проблематичной.В этой ст…
Современные пользовательские интерфейсы требуют высокой интерактивности и удобства взаимодействия. В этой статье поговорим о том, как реализовать мощный, адаптивный компонент мульти-выбора на основе Vue 3 Composition API. ChipsMultiSelect — это компонент, который объединяет возможности выпадающего списка, визуализации выбора в виде "чипсов" и встроенной фильтрации. Выбранные элементы отображаются в виде “чипсов”Фильтрация элементов списка. Компонент совмещает функции выпадающего списка,…
Первое изображение для статьи =) привлечение аудиторииВсем привет, меня зовут Алексей Нихаенко и я дата инженер. Это мой первый пост на Хабре и я хочу поведать вам свое более близкое знакомство с инструментом Postman.О чем пойдет речь?Что такое базовая авторизация и способы использования внутри PostmanЗадача, которую я преследовал и зачем понадобилась автоматизация (Pre-Request Script)Простые примеры скрипта с Basic Authorization в Pre-Request ScriptСтроим дерево вариантов поведения скриптаИтог…
Код, разобранный в статье, можно посмотреть в этом репозиторииООП это про мусорные пакеты для плохого кода. Любой код становится плохим в длинной временной перспективе, однако, если обернуть его в интерфейс, он не воняет. Лучшее ООП реализовано в C#, так как последующие языки выходили уже на рынок микросервисов, где нет нужды компоновать весь код в один монолит, а можно просто разнести его по подпрограммам микросервисам.Однако, нет четкого критерия, с какого объема компоновать код в одну програ…
Вводное словоВсем привет! На связи Spectr и новая рубрика «Что читают наши разработчики?». Сегодня делимся статьей про микрофронтенд. По мере усложнения веб-приложений команды стремятся найти масштабируемые и модульные подходы к разработке фронтенда. Один из таких подходов — архитектура Micro Frontend, которая позволяет разбивать монолитные интерфейсы на более мелкие модули, которые разрабатываются и разворачиваются независимо. Этот подход аналогичен принципам микросервисной архитектуры на бэке…
Всем привет! Меня зовут Олег, я старший Python/Go разработчик в Cloud.ru, а в свободное от работы время я... довольно азартный человек!Нет, вы не подумайте, я не делаю ставки на спорт, не мучаю однорукого бандита и не пытаюсь испытать удачу в рулетке, но я очень люблю конкурсы и розыгрыши в Интернете, в которых надо играть в какую-нибудь веб-игру и выигрывать призы.В таких конкурсах для меня главное не победа и призы, а участие и дух соревнования. Правда играю в них я не совсем честно. Различны…
Nuxt I18n MicroВсем привет!Я занимаюсь разработкой на Nuxt с самого его появления, и у меня возникла очень большая проблема с реализацией i18n. Давайте по порядку.Чем плох модуль nuxtjs/i18n:значительно возрастает время сборкибольшой вес бандлаогромный роутинг на крупных проектахмедленная работаПытаясь хоть как-то решить эти проблемы, я начал создавать пулреквесты в оригинальный модуль. К сожалению, приняли только один, остальные просто повисли. Автор пытается интегрировать какие-то странные ре…
Всем привет, я – Виталий Квитковский, руководитель программистов в небольшой государственной компании. В этом туториале я расскажу про базовые возможности написания макросов в программе "Р7 офис" – российском пакете, являющемся ответвлением Onlyoffice. Я пробовал запускать код в обеих программах, он работает одинаково. Есть некоторые отличия в деталях интерфейса, но в целом базовые функции работают одинаково.Главная причина, почему мне так нравятся макросы в этих пакетах – я веб-разрабо…
В статье я сначала коротко объясню, как лично я понимаю и использую FSD, для тех, кто не знаком с ней, или знаком, но хочет сравнить с чужим видением.Однако, пишу я это в основном для того, чтобы обратить ваше внимание, что названия Layers подобраны не по алфавиту, и лично мне это мешает. Подумайте, может и вам мешает. На мой взгляд, их стоит переименовать в алфавитном порядке, даже жертвуя смыслом, чтобы они лучше отображались в файловой структуре проекта.Краткий экскурс в FSDFSD - это популяр…