Привет и привет любителям JavaScript и добро пожаловать в новый выпуск нашего дайджеста. В течение июля мы внимательно следили за развитием/событиями в области JavaScript и собрали несколько интересных новостей, которыми хотим поделиться с вами.
Приготовьтесь узнать о новой функции от Google, которая сэкономит заряд батареи вашего ноутбука при использовании Chrome, получить представление о новом инструменте фрагментов кода DHTMLX, ознакомиться с новой библиотекой JS для сайдчейна Биткойн, узнать, как инновационное выполнение правил движок и технологии мониторинга производительности могут принести пользу сообществу JavaScript и узнать, как Facebook мотивирует людей искать ошибки в своих продуктах. В качестве бонуса мы предоставим вам советы и статьи, в том числе полезные материалы от DHTMLX, чтобы расширить ваши знания и навыки в JavaScript.
Поехали!
Новые инструменты и обновления
Google работает над ограничением таймеров JavaScript в Chrome
Google, похоже, очень серьезно относится к улучшению параметров энергоэффективности своего популярного браузера Chrome. Компания уже начала работать над мерами против недисциплинированной рекламы, которая разряжает батарею вашего ПК и вызывает перегрузку сети, и теперь пришло время заняться энергоемкими таймерами JavaScript в Chrome.
Google разработала новую функцию флага, которая, как ожидается, снизит частоту пробуждения таймера JavaScript на фоновых веб-страницах до 1 в минуту, тем самым значительно продлив срок службы батареи вашего ноутбука и не повлияв на работу пользователей в Chrome. Согласно опубликованному техническому документу, команда Google уже протестировала функцию флага с 36 различными фоновыми вкладками в Chrome 86.
Результат доказал потенциал этой новинки для увеличения времени автономной работы на устройствах, использующих Chrome, до 2 часов. Эта функция не повлияет на веб-сайты или приложения, использующие WebSockets или длинные опросы для получения сообщений или обновлений. Google планирует представить свою новую функцию флага вместе с рабочей/стабильной версией Chrome 86, которая выйдет очень скоро.
Встречайте новый инструмент для создания фрагментов кода от DHTMLX
Наша команда разработчиков всегда работала над тем, чтобы сделать использование продуктов DHTMLX более удобным для наших клиентов. В этом месяце мы рады представить вам новый инструмент для создания фрагментов кода. Этот удобный инструмент предназначен для того, чтобы дать веб-разработчикам, которые только начинают использовать наши библиотеки, лучшее понимание внутренней части/части кода наших компонентов и помогает более эффективно применять наши технологии при разработке приложений.
Как это работает? Это довольно просто. Вам достаточно выбрать нужный образец, указать версию продукта, и вы можете приступить к изучению особенностей кода, написанного нашими разработчиками, или экспериментировать с ним, внося различные изменения и на лету смотреть, как это влияет на компонент. Помимо аспекта обучения, наш новый продукт также может быть чрезвычайно полезен для сообщения об ошибках или технических проблемах в группу поддержки DHTMLX или для улучшения совместной работы в команде проекта, поскольку вы можете легко редактировать, сохранять и делиться фрагментами. Более того, разработчики также могут использовать этот инструмент для создания сниппетов с нуля. Читайте наш блог post, чтобы узнать больше об этом новом инструменте.
pTokens представляет библиотеку JavaScript для сайдчейна Биткойн
pTokens, начинающая компания, специализирующаяся на криптовалютах, недавно представила библиотеку JavaScript с открытым исходным кодом LiquidJS, которая была разработана для инновационной боковой цепи биткойнов под названием Liquid Network, запущенной Blockstream в 2018 году. team, новая библиотека облегчит доступ к Liquid Network для внешних приложений, став большим подспорьем для разработчиков во взаимодействии с блокчейном. Кроме того, LiquidJS также можно использовать для упрощенной интеграции с кошельками, а также для удобной работы с децентрализованными приложениями, финансовыми инструментами и свопами. Команда pTokens надеется, что библиотека даст толчок развитию экосистемы Liquid и позволит передавать криптовалюты из других блокчейнов в сеть Liquid. По словам представителей Blockstream, в будущем ценность LiquidJS не будет ограничиваться операциями по переводу валюты.
Progress представляет новый механизм правил для приложений JavaScript
Progress, крупный поставщик передовых решений для разработки и развертывания бизнес-приложений, недавно представил новый механизм выполнения правил под названием Corticon.js. Эта бессерверная технология предназначена для упрощения и ускорения процесса создания, тестирования и развертывания правил для критически важных приложений JavaScript. Используя эту новинку, можно использовать сложные бизнес-правила в приложениях JS без программирования. Новая технология может быть эффективно применена в различных отраслях, таких как финансовые услуги или страхование, и поможет сократить расходы. Если вы хотите более подробно ознакомиться с возможностями и преимуществами этого продукта, прочитайте Статья о выпуске.
Представляем новую технологию мониторинга производительности для Python и JavaScript
Sentry, стартап, специализирующийся на разработке систем мониторинга ошибок для разработчиков приложений, представил свой новый инструмент Мониторинг производительности, предназначенный для приложений, написанных на Python и JavaScript. Утверждается, что новый продукт позволяет программистам намного быстрее обнаруживать и исправлять ошибки, обнаруживая первопричины неэффективных вызовов API и других ошибок в режиме реального времени, используя всего несколько строк кода. Таким образом, эта технология поможет разработчикам повысить производительность приложений, сократить расходы на охоту за ошибками, предотвратить будущие проблемы с производительностью и удовлетворить конечных пользователей. Разработчики могут бесплатно протестировать Performance Monitoring и оценить его преимущества.
Facebook обещает солидные денежные вознаграждения за критические ошибки в Hermes и Spark AR
Американский гигант социальной сети Facebook увеличил суммы выплат в рамках своей программы Bug Bounty. У потенциальных охотников за ошибками есть шанс получить до 40 000 долларов за критические уязвимости в движке Hermes JS и платформе Spark AR, используемой для создания причудливых AR-эффектов в продуктах компании. Уровень выплат будет зависеть от влияния багов на работоспособность упомянутых технологий. С ростом популярности AR-эффектов среди пользователей Facebook компания хочет исключить какие-либо серьезные уязвимости в этом функционале и возлагает большие надежды на помощь сообщества баг-баунти. Если вас заинтересовало это начинание, подробнее о суммах выплат читайте здесь.
Полезные советы и статьи
Визуализируйте свои данные с помощью диаграммы DHTMLX
DHTMLX Diagram — одна из самых многообещающих библиотек JavaScript, доступных в настоящее время в нашей линейке продуктов. Используя удобный API этого интуитивно понятного инструмента построения диаграмм, веб-разработчики могут легко добавлять различные диаграммы в веб-приложения с помощью нескольких строк кода. Более того, наша библиотека позволяет реализовать живые редакторы с широкими возможностями настройки (редактор организационных диаграмм и редактор диаграмм), расширяющие ваши возможности визуализации данных.
Благодаря наличию инструментов редактирования конечные пользователи могут на лету создавать даже сложные диаграммы, настраивать их внешний вид, применять пользовательские формы и автоматически упорядочивать их с помощью функции автоматической компоновки. Посмотрите наше последнее обзорное видео и оцените основные возможности редактора диаграмм.
Построение диаграмм классов UML с помощью библиотеки диаграмм DHTMLX
Диаграммы классов являются одним из наиболее широко используемых типов диаграмм в UML, поскольку они наглядно представляют структуру конкретной системы, визуализируя ее различные аспекты. В разработке программного обеспечения диаграмма классов UML является незаменимым инструментом, когда речь идет о разработке сложных приложений. Эти диаграммы дают четкое представление о составе приложения всей команде разработчиков и переводят модель в программный код.
Если вы ищете простой и не требующий много времени способ реализации базовой диаграммы классов UML для вашего проекта, вам следует рассмотреть библиотеку диаграмм DHTMLX. Этот универсальный инструмент для создания диаграмм поможет вам создавать диаграммы классов и другие популярные диаграммы с минимальными усилиями и использовать широкий спектр возможностей настройки. Прочтите наше пошаговое руководство и узнайте, как без труда создать диаграмму классов для вашего проекта с помощью DHTMLX Diagram.
Понимание литералов шаблонов JS
Обработка строк не считалась сильной стороной JavaScript до выпуска 6-го издания спецификации ECMAScript 2015. ES6 добавил в JavaScript множество полезных функций, в том числе более продвинутый способ создания строк в JavaScript, называемый литералом шаблона.
Эта функция значительно упрощает процесс объединения строк, обеспечивая улучшенную читабельность кода JavaScript. Кроме того, литералы шаблонов также привносят много интересных вещей, таких как встроенные выражения, интерполяция строк и возможность определять многострочные строки. Если вы хотите получить более глубокое представление о литералах шаблонов и узнать о шаблонах с тегами, прочитайте эту информативную статью.
Удобные методы для наилучшего использования массивов JS
Массивы в JavaScript — это специальные переменные, которые позволяют веб-разработчикам помещать несколько элементов в одно значение с помощью специального синтаксиса. Например, массивы JS включают множество полезных методов, которые могут значительно упростить весь процесс разработки. Правильное использование этих методов также может способствовать сокращению времени разработки и повышению производительности написанного кода. Если вы хотите максимально использовать возможности JS-массивов, познакомьтесь с 15 методами массивов.
Использование SVG в приложениях React
В последние годы React стал одним из самых популярных фреймворков JavaScript (наряду с Angular и Vue.js) среди веб-разработчиков для создания быстрых и эффективных веб-приложений. Но приложения React могут стать еще более сложными благодаря использованию SVG. Этот формат векторной графики — отличный инструмент для создания расширенных пользовательских элементов пользовательского интерфейса, и его можно эффективно применять в приложениях React. Maciek Sakrejda из pganalyze подготовил полезную статью о том, как это сделать правильно.
