Category : javascript

javascript
Натальная травматология фронтенда S1 E1-14

Здравствуйте, меня зовут Дмитрий Карловский, и меня хлебом не корми, а дай поиздеваться над хайповыми технологиями. И сейчас я расскажу вам, как провёл лето. В этом сезоне ко мне на операционный стол попались разные JS, CSS и тест фреймворки да методологии, менеджеры состояний и потоков исполнения, коллекции виджетов и даже приложений. Приготовьтесь, далее вас ждёт целых 32 часа отборного кринжа! 50 оттенков бешенного молера View-фреймворк Svelte Легковесное ядро с шустрой реактивностью, но..…

  • суббота, 16 сентября 2023 г. в 00:00:15
javascript
Скрытие POI за зданиями

C 2018 года карта на 2gis.ru рендерится при помощи WebGL API для рисования трехмерной графики. Сначала мы в команде веб-карт использовали эту технологию просто как очень быструю рисовалку двухмерных данных с небольшими исключениями в виде 3D-домов и моделей.Приход в карту иммерсивных возможностей начал менять сложившееся положение вещей — моделей стало больше, они стали красивее и детальнее, их больше хочется рассматривать.Наши картографические движки, заточенные на работу на масштабе города и…

  • пятница, 15 сентября 2023 г. в 00:00:20
javascript
Утечки памяти в SSR: причины, поиск, устранение

Привет, Хабр! Меня зовут Владимир Захаров (@‌vzkhrv), я расскажу про утечки памяти в SSR. На самом деле, утечки могут случиться в JavaScript везде – и на сервер-сайде, и на клиенте, поэтому информация будет полезна даже тем, у кого пока нет SSR. Давайте чуть подробнее познакомимся. Я ведущий фронтэнд-разработчик, около 8 лет в отрасли. В Зарплате.ру больше не работаю, но основной опыт, о котором хочу рассказать, получен именно там. Я люблю плавающие баги, разговоры о техдолге и шутки про ненас…

  • пятница, 15 сентября 2023 г. в 00:00:19
javascript
Измерение размеров объектов на фотографии

Несколько дней назад, чтобы доказать что в интернете кто‑то не прав, мне пришлось «считать пиксели», чтобы оценить соотношение размеров двух предметов на фото. Тогда еще я не сообразил сразу, что можно было просто загуглить что‑нибудь вроде «Pixel ruler» и получить размер предметов в пикселях, из которого легко можно получить соотношение. Я же взял подручный MS Paint, вырезал один предмет и уместил его несколько раз внутри другого предмета, сразу узнав во сколько раз один больше другого. Но мн…

  • четверг, 14 сентября 2023 г. в 00:00:20
javascript
Kysely.js типизированный sql builder

Kysely.js – это библиотека, позволяющая писать типизированные SQL запросы. Библиотека делает работу с SQL в вашем проекте более безопасной, избавляя от таких ошибок как опечатки в названиях колонок или таблиц и неправильное использование SQL операторов в коде (код не скомпилируется). Ко всему прочему она делает работу с SQL более удобной, предоставляя при написании запросов автодополнения для таблиц, колонок, алиасов и других сущностей. Kysely имеет незначительный слой абстракции над SQL для т…

  • четверг, 14 сентября 2023 г. в 00:00:19
javascript
Видеоредактор, работа с видео и зачем там Canvas

Одной из задач, где мы в Ozon используем Canvas, является обработка видео. Для это у нас реализован минималистичный видеоредактор.Современные устройства и браузеры развиваются достаточно быстро, но все-равно этого бывает недостаточно для задач со сложными вычислениями. К таким задачам можно отнести обработку видео.Зачем нам видеоредакторЕсть два сценария, в которых мы можем использовать видеоредактор:загрузка видео в карточки товаров;внутренние сервисы для обучения сотрудников и продавцов.Для …

  • четверг, 14 сентября 2023 г. в 00:00:18
javascript
Что нового в Chrome 117?

Эта статья — перевод оригинальной статьи "New in Chrome 117".Также я веду телеграм канал “Frontend по-флотски”, где рассказываю про интересные вещи из мира разработки интерфейсов.ВступлениеЧто ожидается в статье:Три новые функции CSS позволяют легко добавлять плавные анимации появления и исчезновения.Вычисление наборов данных более высокого порядка с помощью группировки массивов.DevTools упрощает процесс локальных переопределений.И многое другое.Я Адриана Джара. Давайте узнаем, что нов…

  • четверг, 14 сентября 2023 г. в 00:00:18
javascript
Изменение цвета всех блоков Nanocad

При проектировании часто приходится работать с чертежами выполненными другими людьми и, разумеется, они наделяют объекты теми цветами которые сочтут нужными. Цвета эти не всегда "по слою" и часть из них находится внутри блоков вложенных друг в друга произвольным образом. Нужен простой и быстрый способ сократить палитру чтобы не тратить лишнее время на подготовку чертежа к работе. Свой способ решения этой задачи я и хочу представить в этой статье. Поскольку не все пользователи Нанокада …

  • среда, 13 сентября 2023 г. в 00:00:17
javascript
Как я разбирал нестандартный формат 3D-моделей, чтобы показывать Лего у себя на сайте

Несколько лет назад мне на день рождения подарили то, о чём я мечтал с детства — большую коробку с кучей деталей Лего, из которой можно было собрать что угодно. Мой внутренний ребёнок очень быстро начал собирать из них машинки, а мой внутренний взрослый задумался — можно ли их как-то увековечить в цифровом виде, чтобы потом собрать снова, и чтобы показывать всем друзьям. Я перепробовал несколько редакторов 3D-моделей Лего (моим главным условием была работа на Linux, либо в вебе), и остановил…

  • среда, 13 сентября 2023 г. в 00:00:17