Использование JavaScript Intersection Observer API для отслеживания видимости элементов на странице
Intersection Observer API позволяет отслеживать, когда целевые элементы входят или выходят из видимой области окна браузера или другого элемента.
#полезное
Intersection Observer API позволяет отслеживать, когда целевые элементы входят или выходят из видимой области окна браузера или другого элемента.
#полезное
👍10🔥2❤1
Переход с Vue-CLI на Vite: ускоряем разработку Vue 3
Vue.js - один из самых популярных JavaScript-фреймворков, который используется для создания динамических пользовательских интерфейсов. С появлением Vue 3, разработчики получили еще больше возможностей для создания мощных и эффективных приложений. Одним из новых инструментов в арсенале Vue 3 является Vite - быстрый и легковесный бандлер, который значительно упрощает процесс разработки и ускоряет сборку проекта. В этой статье мы рассмотрим, как перейти от стандартного подхода с использованием Vue-CLI и Webpack к более продвинутому и эффективному методу работы с помощью Vite.
#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью
Vue.js - один из самых популярных JavaScript-фреймворков, который используется для создания динамических пользовательских интерфейсов. С появлением Vue 3, разработчики получили еще больше возможностей для создания мощных и эффективных приложений. Одним из новых инструментов в арсенале Vue 3 является Vite - быстрый и легковесный бандлер, который значительно упрощает процесс разработки и ускоряет сборку проекта. В этой статье мы рассмотрим, как перейти от стандартного подхода с использованием Vue-CLI и Webpack к более продвинутому и эффективному методу работы с помощью Vite.
#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью
❤1👍1
Использование JavaScript Typed Arrays для работы с бинарными данными
Typed Arrays позволяют эффективно работать с бинарными данными, такими как изображения, звуки или сетевые пакеты.
#полезное
Typed Arrays позволяют эффективно работать с бинарными данными, такими как изображения, звуки или сетевые пакеты.
#полезное
Визуализация алгоритмов поиска пути на Svelte: Практические заметки
В этом посте делюсь опытом разработки на Svelte, демонстрируя это на моем пет-проекте.
#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью
В этом посте делюсь опытом разработки на Svelte, демонстрируя это на моем пет-проекте.
#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью
Использование JavaScript Fetch API для выполнения запросов к серверу
Fetch API предоставляет простой способ выполнения HTTP-запросов и обработки полученных данных в формате JSON.
#полезное
Fetch API предоставляет простой способ выполнения HTTP-запросов и обработки полученных данных в формате JSON.
#полезное
👍8
Zod умер. Да здравствует ajv-ts
Zod — это библиотека проверки на уровне схемы с поддержкой типов Typescript.
#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью
Zod — это библиотека проверки на уровне схемы с поддержкой типов Typescript.
#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью
❤1😁1
Использование JavaScript Web Cryptography API для выполнения криптографических операций
Web Cryptography API предоставляет возможность выполнения криптографических операций, таких как генерация ключей, шифрование и расшифрование данных, непосредственно в браузере.
#полезное
Web Cryptography API предоставляет возможность выполнения криптографических операций, таких как генерация ключей, шифрование и расшифрование данных, непосредственно в браузере.
#полезное
👍7
React-lens — эффективное управление состоянием в приложениях в ReactJs
Во многих разрабатываемых программах мы сталкиваемся с необходимостью организации работы с данными. Такие задачи могут быть самыми разными: хранение, актуализация, масштабирование и т. п. А ещё приходится реализовывать взаимодействие различных библиотек. Рассмотрим один из способов решения этих проблем при помощи React Lens.
Как бы мы не хотели, всегда будут ограничения в вычислительных мощностях или человеческих ресурсах. Большую роль оказывает необходимость развивать и расширять свой продукт. Потому баланс задач по организации состояния может быть также разным: где-то нужно сделать упор на производительность, где-то на масштабируемость и т. д.
#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью
Во многих разрабатываемых программах мы сталкиваемся с необходимостью организации работы с данными. Такие задачи могут быть самыми разными: хранение, актуализация, масштабирование и т. п. А ещё приходится реализовывать взаимодействие различных библиотек. Рассмотрим один из способов решения этих проблем при помощи React Lens.
Как бы мы не хотели, всегда будут ограничения в вычислительных мощностях или человеческих ресурсах. Большую роль оказывает необходимость развивать и расширять свой продукт. Потому баланс задач по организации состояния может быть также разным: где-то нужно сделать упор на производительность, где-то на масштабируемость и т. д.
#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью
❤2
Использование JavaScript WebGL для создания 3D-графики в браузере
WebGL - это JavaScript API для рендеринга интерактивной 3D-графики в браузере без использования сторонних плагинов.
#полезное
WebGL - это JavaScript API для рендеринга интерактивной 3D-графики в браузере без использования сторонних плагинов.
#полезное
👍3
Next.js App Router. Опыт использования. Путь в будущее или поворот не туда
Два года назад команда Next.js представила новый подход к роутингу, который должен был стать заменой так называемому Pages Router, вместе с тем добавив ряд принципиально нового функционала.
#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью
Два года назад команда Next.js представила новый подход к роутингу, который должен был стать заменой так называемому Pages Router, вместе с тем добавив ряд принципиально нового функционала.
#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью
👍5
Использование JavaScript Proxy для реализации валидации данных
Proxy позволяет перехватывать доступ к свойствам объекта и выполнять на них дополнительные действия, такие как валидация данных.
#полезное
Proxy позволяет перехватывать доступ к свойствам объекта и выполнять на них дополнительные действия, такие как валидация данных.
#полезное
👍4
Symbiote.js VS LitElement
Мотивация разработчиков библиотек и фреймворков для фронтенда может быть разной. И если вы, являясь таким разработчиком, хотите работать не “в стол” а с расчетом на какое-то признание и пользу для индустрии, вы должны четко понимать, что именно и зачем вы делаете. Если вы хотите сэкономить пользователям пару килобайт трафика или пару миллисекунд отклика - вам будет очень тяжело доказать миру, что ради этого стоит выбрать именно ваше решение. Люди выберут размер комьюнити, богатую экосистему и крупного вендора. Ваш набор аргументов должен быть достаточно веским, чтобы обратить на себя внимание. Сейчас я попытаюсь доказать, что при наличии такого решения как LitElement от гиганта индустрии Google, имеет смысл посмотреть в сторону Symbiote.js.
#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью
Мотивация разработчиков библиотек и фреймворков для фронтенда может быть разной. И если вы, являясь таким разработчиком, хотите работать не “в стол” а с расчетом на какое-то признание и пользу для индустрии, вы должны четко понимать, что именно и зачем вы делаете. Если вы хотите сэкономить пользователям пару килобайт трафика или пару миллисекунд отклика - вам будет очень тяжело доказать миру, что ради этого стоит выбрать именно ваше решение. Люди выберут размер комьюнити, богатую экосистему и крупного вендора. Ваш набор аргументов должен быть достаточно веским, чтобы обратить на себя внимание. Сейчас я попытаюсь доказать, что при наличии такого решения как LitElement от гиганта индустрии Google, имеет смысл посмотреть в сторону Symbiote.js.
#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью
Использование JavaScript WebRTC для реализации передачи потока данных в реальном времени
WebRTC (Web Real-Time Communication) позволяет веб-приложениям передавать аудио, видео и данные в реальном времени без необходимости установки дополнительных плагинов или расширений.
#полезное
WebRTC (Web Real-Time Communication) позволяет веб-приложениям передавать аудио, видео и данные в реальном времени без необходимости установки дополнительных плагинов или расширений.
#полезное
👍5
Скрытие POI за зданиями
C 2018 года карта на 2gis.ru рендерится при помощи WebGL API для рисования трехмерной графики. Сначала мы в команде веб-карт использовали эту технологию просто как очень быструю рисовалку двухмерных данных с небольшими исключениями в виде 3D-домов и моделей.
#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью
C 2018 года карта на 2gis.ru рендерится при помощи WebGL API для рисования трехмерной графики. Сначала мы в команде веб-карт использовали эту технологию просто как очень быструю рисовалку двухмерных данных с небольшими исключениями в виде 3D-домов и моделей.
#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью
❤1
Использование JavaScript FormData для отправки формы с помощью AJAX
FormData - это объект JavaScript, который позволяет легко собирать данные из формы и отправлять их на сервер с использованием AJAX-запроса.
#полезное
FormData - это объект JavaScript, который позволяет легко собирать данные из формы и отправлять их на сервер с использованием AJAX-запроса.
#полезное
👍1
Видеоредактор, работа с видео и зачем там Canvas
Одной из задач, где мы в Ozon используем Canvas, является обработка видео. Для это у нас реализован минималистичный видеоредактор.
Современные устройства и браузеры развиваются достаточно быстро, но все-равно этого бывает недостаточно для задач со сложными вычислениями. К таким задачам можно отнести обработку видео.
#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью
Одной из задач, где мы в Ozon используем Canvas, является обработка видео. Для это у нас реализован минималистичный видеоредактор.
Современные устройства и браузеры развиваются достаточно быстро, но все-равно этого бывает недостаточно для задач со сложными вычислениями. К таким задачам можно отнести обработку видео.
#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью
👍2
Использование JavaScript Proxy для реализации обработчиков событий
Proxy может быть использован для создания оберток вокруг DOM-элементов, позволяя добавлять обработчики событий напрямую к элементам при установке свойств.
#полезное
Proxy может быть использован для создания оберток вокруг DOM-элементов, позволяя добавлять обработчики событий напрямую к элементам при установке свойств.
#полезное
Kysely.js типизированный sql builder
Kysely.js – это библиотека, позволяющая писать типизированные SQL запросы. Библиотека делает работу с SQL в вашем проекте более безопасной, избавляя от таких ошибок как опечатки в названиях колонок или таблиц и неправильное использование SQL операторов в коде (код не скомпилируется). Ко всему прочему она делает работу с SQL более удобной, предоставляя при написании запросов автодополнения для таблиц, колонок, алиасов и других сущностей. Kysely имеет незначительный слой абстракции над SQL для того чтобы можно было пользоваться всей мощью SQL и при этом не изучать множество дополнительных сущностей. Библиотека поддерживает MySQL, PostgreSQL, SQLite, PlanetScale, D3, SurrealDB и другие.
#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью
Kysely.js – это библиотека, позволяющая писать типизированные SQL запросы. Библиотека делает работу с SQL в вашем проекте более безопасной, избавляя от таких ошибок как опечатки в названиях колонок или таблиц и неправильное использование SQL операторов в коде (код не скомпилируется). Ко всему прочему она делает работу с SQL более удобной, предоставляя при написании запросов автодополнения для таблиц, колонок, алиасов и других сущностей. Kysely имеет незначительный слой абстракции над SQL для того чтобы можно было пользоваться всей мощью SQL и при этом не изучать множество дополнительных сущностей. Библиотека поддерживает MySQL, PostgreSQL, SQLite, PlanetScale, D3, SurrealDB и другие.
#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью
👍2
Использование JavaScript SharedArrayBuffer для работы с разделяемой памятью между потоками
SharedArrayBuffer позволяет нескольким потокам JavaScript обмениваться данными напрямую без использования сообщений.
#полезное
SharedArrayBuffer позволяет нескольким потокам JavaScript обмениваться данными напрямую без использования сообщений.
#полезное
JavaScript. WebRTC. Соединение браузеров напрямую без сервера, peer-to-peer
WebRTC позволяет браузерам обмениваться информацией напрямую без сервера. Можно передавать видео, звук и данные.
#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью
WebRTC позволяет браузерам обмениваться информацией напрямую без сервера. Можно передавать видео, звук и данные.
#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью