JavaScript

👯‍♂️ «Как убрать дублирующиеся значения из массива в Javascript?» – один из самых популярных поисковых запросов среди junior-разработчиков. Прочитай про самые популярные способы, их плюсы и минусы с примерами в этой статье #usefull

¯\_(ツ)_/¯ #fun

Многие хоть раз задумывались о том, чтобы сделать свою собственную игру. Автор этого видео рассказывает как делают кроссплатформенные игры на языке программирования JavaScript #usefull

Промис (Обещание) — это объект который содержит будущее значение асинхронной операции. Например, если ты запрашиваешь некоторые данные с сервера, промис обещает получить эти данные, которые ты сможешь использовать в будущем. ➡️ Статья описывает три способа понимания промисов 💬 Стало понятнее?

В JavaScript существует 4 способа создать объект: ▪️ Функция-контруктор (constructor function) ▪️ Класс (class) ▪️ Связывание объектов (object linking to other object, OLOO) ▪️ Фабричная функция (factory function) Какой метод следует использовать? Какой из них является лучшим? ➡️ Ответы в статье #usefull

Перетягивание элементов (drag & drop) на JavaScript #usefull

Мэт Перри — автор библиотеки Framer Motion — рассказал о том, в каких случаях браузеры могут троттлить requestAnimationFrame — "Browsers may throttle requestAnimationFrame". Метод requestAnimationFrame (rAF) — самый главный инструмент для создания плавных анимаций, контролируемых js-кодом. Мэт столкнулся с тем, что в Safari на iOS на двух одинаковых смартфонах, одна и та же анимация в одном случае работала в 30fps, а в другом 60fps. Проблема оказалась в том, что Safari включает троттлинг rAF в режиме сохранения энергии. Также Safari троттлит rAF в iframe'ах с контентом сторонних доменов. Троттлинг rAF есть и в Firefox, но в нём он ограничивается из-за вопросов безопасности. Для отключения троттлинга сайт должен отправлять HTTP-заголовки: Cross-Origin-Opener-Policy: same-origin и Cross-Origin-Embedder-Policy: require-corp. #usefull

❤️❤️❤️ #fun

Тимлид: «Какая у тебя была роль в проекте?» Я: «Помогал остальным выполнить их задачи» #fun

Когда ты пишешь код, важно учитывать ситуации, приводящие к ошибкам. Обработка ошибок — это неотъемлемая часть работы над веб-приложением. Вот некоторые рекомендации по обработке ошибок в JavaScript #usefull

В Chrome 86 HTTP-кэш становится изолированным. Что это означает рассказал Еиджи Китамура в статье "Gaining security and privacy by partitioning the cache". Ранее, если происходила загрузка ресурса, и он оказывался закэшированным другим сайтом, браузер доставал этот ресурс из кэша. Такое поведение браузера влечёт за собой проблемы с приватностью. Например, можно засечь время получения ресурса с какого-либо сайта и по скорости определить, посещал ли пользователь этот сайт. Таким же методом можно проверить, искал ли пользователь определённую фразу в поисковике. Chrome 86 начал использовать для имени ключа кэша "Network Isolation Key", который состоит из имени сайта и сайта текущего фрейма (если фрейма нет, то будет использоваться имя сайта второй раз). У изолированного кэша есть небольшой недостаток — он может повлиять на метрики производительности сайта. На данный момент изоляция кэша включена в Chrome и Safari. В Firefox она тоже поддерживается, но выключена по умолчанию (её можно включить с помощью флага privacy.firstparty.isolate в about:config ). Источник #usefull

#fun

📰 Вышел Chrome 86. Пит Лепаж и Джеселин Ин рассказали про новинки релиза ▪️ File System Access API доступен по умолчанию. С помощью него можно получить доступ к файловой системе пользователя для упрощения работы с локальными файлами. ▪️ В рамках origin trials стал доступен Web HID, благодаря которому web-приложения могут взаимодействовать с оборудованием пользователя. Также в рамках origin trials стал доступен Multi-screen Window Placement API. Благодаря этому API возможно получить информацию о всех экранах пользователя и программно управлять размещением окон. ▪️ В CSS появилась поддержка псевдокласса :focus-visible, которое позволяет применять для фокуса эвристики, которые использует браузер. Добавлена поддержка псевдоэлемента ::marker для стилизации маркера списка. ▪️ Начался процесс удаления поддержки ftp (будет отключён в Chrome 88). Удалена поддержка API WebComponents v0 во WebView. ▪️ Много изменений в Chrome DevTools. Добавлена новая панель "Media" для упрощения дебага видеоплейеров. Теперь, как и в Firefox, можно сделать скриншот любого узла DOM-дерева с помощью контекстного меню на панели "Elements". Проблемы с third-party cookie на вкладке "Issues" скрываются по умолчанию. Теперь возможно эмулировать недоступность локально установленных шрифтов. Добавлена эмуляции неактивности пользователей (Idle Detection API) и эмуляция опции экономии траффика (медиа-запрос prefers-reduced-data ). Lighthouse обновлён до версии 6.2. Источники: Раз, два #news

Когда ты разработчик, каждый день у тебя есть скомпилированный билд, выполненная задача, новая фича на проде, — и в этом есть определенное удовольствие. Тимлиду же редко есть чем поделиться на стендапе: потому что вчера ты “занимался планированием, был на созвонах, читал почту и добавлял задачи в бэклог”. Интересная статья про тимлидов – роль, которая может стать ловушкой для разработчика, а может дать огромные возможности для создания ПО! #usefull

#fun

#fun

#fun

Все операторы в JavaScript можно условно поделить на три группы: это базовые или математические операторы, операторы сравнения и логические операторы. В зависимости от применения оператор может быть унарным или бинарным. Отличаются они по количеству операндов, к которым применяются. В свою очередь операнд – это то, к чему применяется оператор. Их еще называют аргументами. Простыми словами это числа, строки, переменные, константы и прочие объекты которые участвуют в выражении. #usefull

В этом видео используя JavaScript создадим простую анимацию движения окружностей по Canvas, а так же найдём точки пересечения этих окружностей используя формулу из теоремы косинусов #usefull

Node.js - это однопоточная среда для выполнения JavaScript на стороне сервера. Если весь код выполняется в одном потоке, то как тогда Node.js справляется с нагрузкой и поддерживает производительность? Решением является неблокирующий асинхронный ввод-вывод. Но не все так просто. Как запускать асинхронные запросы в NodeJS параллельно, с примерами #usefull