Использование JavaScript Intersection Observer API для отслеживания видимости элементов на странице

Intersection Observer API позволяет отслеживать, когда целевые элементы входят или выходят из видимой области окна браузера или другого элемента.

#полезное

Переход с Vue-CLI на Vite: ускоряем разработку Vue 3

Vue.js - один из самых популярных JavaScript-фреймворков, который используется для создания динамических пользовательских интерфейсов. С появлением Vue 3, разработчики получили еще больше возможностей для создания мощных и эффективных приложений. Одним из новых инструментов в арсенале Vue 3 является Vite - быстрый и легковесный бандлер, который значительно упрощает процесс разработки и ускоряет сборку проекта. В этой статье мы рассмотрим, как перейти от стандартного подхода с использованием Vue-CLI и Webpack к более продвинутому и эффективному методу работы с помощью Vite.

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью

Использование JavaScript Typed Arrays для работы с бинарными данными

Typed Arrays позволяют эффективно работать с бинарными данными, такими как изображения, звуки или сетевые пакеты.

#полезное

Визуализация алгоритмов поиска пути на Svelte: Практические заметки

В этом посте делюсь опытом разработки на Svelte, демонстрируя это на моем пет-проекте.

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью

Использование JavaScript Fetch API для выполнения запросов к серверу

Fetch API предоставляет простой способ выполнения HTTP-запросов и обработки полученных данных в формате JSON.

#полезное

React-lens — эффективное управление состоянием в приложениях в ReactJs

Во многих разрабатываемых программах мы сталкиваемся с необходимостью организации работы с данными. Такие задачи могут быть самыми разными: хранение, актуализация, масштабирование и т. п. А ещё приходится реализовывать взаимодействие различных библиотек. Рассмотрим один из способов решения этих проблем при помощи React Lens.
Как бы мы не хотели, всегда будут ограничения в вычислительных мощностях или человеческих ресурсах. Большую роль оказывает необходимость развивать и расширять свой продукт. Потому баланс задач по организации состояния может быть также разным: где-то нужно сделать упор на производительность, где-то на масштабируемость и т. д.

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью

Использование JavaScript WebGL для создания 3D-графики в браузере

WebGL - это JavaScript API для рендеринга интерактивной 3D-графики в браузере без использования сторонних плагинов.

#полезное

Next.js App Router. Опыт использования. Путь в будущее или поворот не туда

Два года назад команда Next.js представила новый подход к роутингу, который должен был стать заменой так называемому Pages Router, вместе с тем добавив ряд принципиально нового функционала.

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью

Использование JavaScript Proxy для реализации валидации данных

Proxy позволяет перехватывать доступ к свойствам объекта и выполнять на них дополнительные действия, такие как валидация данных.

#полезное

Symbiote.js VS LitElement

Мотивация разработчиков библиотек и фреймворков для фронтенда может быть разной. И если вы, являясь таким разработчиком, хотите работать не “в стол” а с расчетом на какое-то признание и пользу для индустрии, вы должны четко понимать, что именно и зачем вы делаете. Если вы хотите сэкономить пользователям пару килобайт трафика или пару миллисекунд отклика - вам будет очень тяжело доказать миру, что ради этого стоит выбрать именно ваше решение. Люди выберут размер комьюнити, богатую экосистему и крупного вендора. Ваш набор аргументов должен быть достаточно веским, чтобы обратить на себя внимание. Сейчас я попытаюсь доказать, что при наличии такого решения как LitElement от гиганта индустрии Google, имеет смысл посмотреть в сторону Symbiote.js.

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью

Динамические ключи

Ключи объекта могут быть созданы динамически с использованием вычисляемых свойств.

#объекты

Как я переносил блог из CakePHP в Angular

Интерфейс был построен на Twitter Bootstrap и jQuery. Из‑за усложнения бизнес логики, в проект добавили AngularJS и десяток библиотек для фингерпринтинга.

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью

Object.create()

Метод Object.create() позволяет создать новый объект с указанным прототипом. В данном случае, myCar наследует метод startEngine от объекта car.

#объекты

Получение данных виртуальной клавиатуры Android в web проекте

Написать что знаю несколько языков это одно, но действительно знать, понимать, и применять на практике это совсем другое, поэтому плохо зная свой сигнатурный язык мышления, полученный от социальной среды с рождения, буду рассказывать в статье как правильно собирать данные нажатия, виртуальной клавиатуры Android в web проекте, используя javascript.

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью

Array.prototype.filter()

Метод filter() создает новый массив, содержащий элементы, прошедшие заданный критерий.

#полезное

Рефлексия в JavaScript и TypeScript: обзор основных техник. Как сгенерировать CLI-интерфейс для класса

В этой статье я хочу рассмотреть основные такие возможности, плюс показать, как можно получить ещё больше информации о типах при использовании TypeScript, и как добавить классам и их полям собственные метаданные при помощи декораторов. 

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью

Array.prototype.reduce()

Метод reduce() применяет функцию аккумулятора к каждому элементу массива и возвращает одно значение.

#полезное

Считаем «a=1; b=2; x=pi/3; abcos(x)»

В предыдущей серии мы научились считать выражения вида -2.1+ .355 / (cos(pi % 3) + sin(0.311)). Один из комментариев там предложил посчитать то, что я вынес в заголовок этого поста. Что ж, вызов принят. Как и в предыдущем посте, мы "на пальцах" разбираем устройство простейшего интерпретатора.

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью

Array.prototype.find()

Метод find() возвращает первый элемент массива, удовлетворяющий заданному условию.

#полезное

DOM, DI и View: деревья в Angular

Чтобы стать продуктивным разработчиком на Angular, потребуется понимание различных деревьев, из которых состоит приложение. На первый взгляд легко можно спутать дерево инжекторов DI и DOM-дерево непосредственных HTML-элементов и вьюх Angular. Они похожи и иногда имеют прямое соответствие, но далеко не всегда. В статье рассмотрим различия, научимся держать их в уме и освоим, как можно обойти возможные трудности, связанные с ними.

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью