Обновить
256K+

JavaScript *

Прототипно-ориентированный язык программирования

246,91
Рейтинг
Сначала показывать
Порог рейтинга
Уровень сложности

Несколько советов по работе с CORS для начинающих разработчиков

Уровень сложностиПростой
Время на прочтение9 мин
Охват и читатели167K

CORS‑ошибка в консоли часто запускает долгую цепочку проверок: фронтенд работает, API отвечает, а браузер всё равно блокирует запрос.

В статье разбираеv, как устроен CORS, зачем нужен preflight, какие заголовки определяют доступ к ресурсу и где искать причину, когда сообщение в браузере указывает вовсе не на ту проблему, которую вы ожидаете.

Читать далее

JavaScript: замена фона видео и реализация интересных эффектов на основе координат лица в реальном времени

Время на прочтение11 мин
Охват и читатели6.1K


Привет, друзья!


Я продолжаю изучать MediaPipe — библиотеку с открытым исходным кодом от Google, предоставляющую "кроссплатформенные и кастомизируемые решения на основе машинного обучения для работы с медиа", и в этой статье хочу рассказать вам о 2 инструментах:


  • Selfie Segmentation, выделяющий людей на сцене, что позволяет осуществлять замену фона на кадрах видео в процессе потоковой передачи соответствующих данных;
  • Face Mesh, предоставляющий сетку лица человека, состоящую из 468 контрольных точек с координатами в трехмерном пространстве, что позволяет реализовать некоторые интересные визуальные эффекты.

Репозиторий с кодом проекта.


Если вам это интересно, прошу под кат.

Читать дальше →

Конфигурируем веб-сервер для Next.js

Время на прочтение3 мин
Охват и читатели33K

Казалось бы, что развёртывание приложений на Next.js не влечёт за собой трудностей - установил зависимости, сделал "npm run build && npm run start" и проксируешь запросы на 3000-ый порт, но для оптимальной работы предстоит сделать кое-что ещё.

Читать далее

Доказуемая честность и PoL в казино (и не только)

Время на прочтение3 мин
Охват и читатели9.2K

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

Читать далее

React memo: Преисполнимся в оптимизации

Время на прочтение4 мин
Охват и читатели39K

Привет! Сегодня поговорим про стандартные способы оптимизации web-приложения в экстремистской библиотеке React. Мотивацией послужило некоторое количество кода, который я видел. Связан он с использование API React не по назначению или без учета каких-то очевидных проверок на производительность и тонкостей (с натяжкой).

Читать далее

Выбор технологий и ECS: почему архитектура быстрее языка — создание сервера для онлайн ММО игр на PHP, ч. 6

Уровень сложностиПростой
Время на прочтение5 мин
Охват и читатели5.7K

Сервер упирается в пятьсот игроков — и начинается перебор технологий: UDP вместо TCP, Node.js, Redis, очереди. Разбираю, почему ни одна из них не спасает плохую архитектуру, и показываю сущностно-компонентную схему, на которой держится сервер.

Читать далее

Telegram WebApps. Как встроить веб-приложения в чат-бота?

Время на прочтение5 мин
Охват и читатели166K

Относительно недавно команда Telegram выпустила обновление, с которым появилась возможность встраивать в мессенджер веб-приложения. Эта статья — обзор основных моментов внедрения веб-приложениий в телеграм-ботов.

Читать далее

Разработка и тестирование сортируемых компонентов Drag and Drop. Часть 2 — Тестирование

Время на прочтение14 мин
Охват и читатели2.9K

В предыдущей статье вы узнали, как разрабатывать переупорядочиваемые drag-and-drop компоненты, теперь пришло время их протестировать. В этой части вы покроете приложение юнит тестами с помощью BDD подхода.

Читать далее

Короткая шпаргалка по lockfile

Время на прочтение5 мин
Охват и читатели16K

Привет, меня зовут Анастасия Пласкевич, я фронтенд-разработчик. Недавно на проекте я разбиралась с зависимостями и углубилась в эту тему так, что собрала небольшой доклад о том, что такое Lockfile, как работает yarn.lock, как решать проблемы с зависимостями в проекте и делать базовую проверку безопасности, а доклад адаптировали в эту статью.

Статья будет полезна разработчикам JS/TS приложений, которые столкнулись с некорректным поведением пакетов в своем проекте, или со старым кодом, который содержит уязвимости. Базовый аудит зависимостей будет уместен на любом проекте: всегда находятся вещи, которые можно поправить. 

Читать далее

Телепортируем мемы в telegram, или как вернуть нажитое непосильным трудом

Время на прочтение13 мин
Охват и читатели5K

По разным причинам я уже как пару лет я не использовал ВК для связи с друзьями/коллегами - все ушли в telegram. Но в ВК все равно приходилось заходить, так как там осталось самое дорогое - группы с мемами, картиночками, анекдотами и всякое такое. Самому смотреть неудобно, друзьям - не отправить. Если интересно, как я решил эту проблему за один вечер - добро пожаловать под кат.

Читать далее

Redux в Angular. Туда и обратно

Время на прочтение29 мин
Охват и читатели12K

Пару лет назад из каждого утюга можно было услышать про redux. Сейчас redux является чем-то обыденным в фронтенд разработке. На пороге 2023 года я хочу поделиться своим опытом использования redux в Angular, поговорить о разных реализациях, и рассказать к каким выводам я пришел за это время.

Читать далее

Лучшие практики безопасности Node.js

Время на прочтение11 мин
Охват и читатели10K

Назначение

Этот документ призван расширить текущую модель угроз и предоставить подробные рекомендации по обеспечению безопасности приложения Node.js.

Читать далее

Точка с запятой в JavaScript: Действительно ли она вам нужна? [Руководство 2022]

Время на прочтение8 мин
Охват и читатели27K

В JavaScript точки с запятой являются необязательными.

Да, вы не ослышались.

Читать далее

Ближайшие события

Lua или JavaScript в песочнице: чей код быстрее на сервере — создание сервера для онлайн ММО игр на PHP, ч. 5

Уровень сложностиПростой
Время на прочтение5 мин
Охват и читатели5.1K

Игровые механики должны писать пользователи, но чужой код нельзя просто выполнить на сервере: одна бесконечная петля — и мир встал у всех разом. Сравниваю две песочницы для PHP, Lua и JavaScript, с замерами от 60 тысяч до 700 тысяч вызовов в секунду.

Читать далее

Разработка и тестирование сортируемых компонентов Drag and Drop. Часть 1 — Разработка

Время на прочтение6 мин
Охват и читатели3.7K

Разработка и тестирование сортируемых компонентов Drag and Drop. Часть 1.

В этой серии статей мы рассмотрим задачу разработки и тестирования сортируемых компонентов Drag-and-Drop.

Читать далее

Немного о Fastify

Уровень сложностиСредний
Время на прочтение7 мин
Охват и читатели10K

Когда Node.js‑приложение начинает упираться в ресурсы, причина часто скрывается глубже, чем кажется: в устройстве обработки запросов, расширении объектов ответа и архитектуре плагинов.

В статье разберём, какие механизмы Fastify помогают снизить накладные расходы, упростить структуру приложения и сохранить управляемость по мере роста нагрузки.

Читать далее

RTK query: что мы от него хотим и зачем

Уровень сложностиСредний
Время на прочтение13 мин
Охват и читатели89K

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

Привет, меня зовут Антон Степанов, я — frontend-разработчик в Альфа-Банке. В статье расскажу какие задачи при работе с API frontend-разработчику приходится решать чаще всего, к каким идеям рано или поздно это может привести, и как их можно реализовать в RTK query, собственно.

Под катом много кода и убеждений.

Читать далее

Геометрия объектной модели документа: исчерпывающее руководство

Время на прочтение12 мин
Охват и читатели7.2K



Я не считаю, что DHTML — cool, просто картинка хорошая)


Привет, друзья!


Представляю вашему вниманию перевод этой замечательной статьи.


Знаете ли вы, что кроме интерфейсов, определенных спецификациями объектной модели документа (Document Object Model, DOM) и объектной модели каскадных таблиц стилей (Cascading Style Sheets (CSS) Object Model, CSSOM), существует также набор свойств и методов, определяемых в модуле отображения CSSOM (CSSOM View Module)? Этот интерфейс предназначен для определения и манипулирования геометрией элементов DOM.

Читать дальше →

MobX c MVVM хорош, но с DI ещё лучше

Время на прочтение6 мин
Охват и читатели6.9K

В своей прошлой статье я рассуждал о том, как использование паттерна MVVM позволяет упростить процесс разработки. Паттерн был реализован с применением библиотеки MobX. Эту библиотеку я считаю в разы удобнее Redux, аргументы в пользу чего я также привел в статье. Однако, у нее имеется серьезный недостаток - излишняя свобода действий, в следствие наличия которой разработчики не всегда знают как писать код "хорошо". Паттерн MVVM же диктует несколько простых правил по использованию MobX, благодаря которым разработчики могут реже наступать на грабли. Однако, он не решает всех проблем. И в этой статье я бы хотел показать, как можно дополнить паттерн MVVM и сделать процесс разработки ещё приятнее.

Читать далее

Как применять Module Federation для шеринга виджетов из UI-kit

Время на прочтение5 мин
Охват и читатели2.4K

В последнее время все активнее в обиход входит понятие экосистемы. Многие IT-компании предлагают различные цифровые решения для людей и бизнеса под одним брендом - от заказа еды до онлайн-сделок по покупке недвижимости. 

Непосредственной составляющей подобных решений в рамках одной экосистемы является общий дизайн. Однако по мере роста компании увеличивается количество элементов экосистемы, и поддержка консистентности UI-составляющей становится непростой задачей. 

В ДОМ.РФ мы создаем продукты для рынка недвижимости, в частности предназначенные для электронного взаимодействия между застройщиками, банками и государственными органами. Задачи и цели систем отличаются друг от друга, но их объединяет общий дизайн. Безусловно, создание библиотеки UI-компонентов с нуля в каждом новом сервисе является крайне сомнительной идеей по следующим причинам: 

Читать далее