Приятно вернуться с первым новогодним дайджестом JavaScript. Как и прежде, мы собираемся поделиться с вами коллекцией некоторых из последних обновлений и полезных советов, на которые мы наткнулись и которые сочли достойными вашего внимания.
В нашем январском дайджесте мы показываем некоторые интересные, но простые инструменты для развлечения, рассказываем о новостях DHTMLX (спойлер: мы обновили Suite до версии 6.4) и предлагаем несколько руководств, которые сделают вашу жизнь немного проще. Давайте начнем!
Новые инструменты и обновления
город-дороги
Красота в простоте. Этот инструмент позволяет сразу визуализировать дорожную инфраструктуру любого города. Данные извлекаются из OpenStreetMap через интерфейс API. Производительность может снизиться из-за использования бесплатного API. Однако для его улучшения более 3000 городов с населением более 100 тыс. Человек хранятся в формате protobuf.
city-road возвращает список идентификаторов областей каждый раз, когда пользователь вводит запрос в поле поиска. Инструмент имеет чистый и аккуратный README и связанный с ним код, поэтому у вас не возникнет проблем с созданием чего-то подобного.
IsoCity
IsoCity - простой изометрический градостроитель на основе JavaScript. Инструмент позволяет создать собственный крохотный город с развитой инфраструктурой и индивидуальной отделкой.
DHTMLX Suite 6.4
DHTMLX выпустил 6.4 версию библиотеки JavaScript Suite компонентов пользовательского интерфейса. Например, виджеты Сетка и Список теперь поддерживают отложенную загрузку данных, что увеличивает скорость и экономит ресурсы, выделенные для обработки данных. dhtmlxGrid также поддерживает множественный выбор ячеек и строк с помощью сочетаний клавиш Ctrl и Shift. Кроме того, Grid и TreeGrid позволяют сортировать отдельные столбцы и настраивать ширину столбцов в соответствии с размером всей таблицы или автоматически согласовывать размер содержимого.
Библиотека dhtmlxChart стала более гибкой. Среди новых функций вы можете найти возможность поворачивать метки шкалы и метки данных внутри вертикальной полосы и X-столбчатых диаграмм. Suite 6.4 также позволяет отключать всю форму или ее элементы, прикреплять Window к настраиваемому узлу, управлять отдельными вкладками на панели вкладок и многое другое. Вы можете получить бесплатную 30-дневную пробную версию здесь.
Вавилон 7,8
Babel - это транскомпилятор JS с открытым исходным кодом. В основном он используется для преобразования кода ECMAScript 2015+ в обратно совместимую версию JavaScript, которая может запускаться в старых браузерах или средах. Текущая версия 7.8 по умолчанию поддерживает новые функции ECMAScript 2020. Таким образом, разработчикам больше не нужно включать отдельные плагины для нулевого объединения, необязательного связывания и динамического импорта. Команда Babel также добавила две новые опции в интерфейс командной строки.
Полезные советы и статьи
Как использовать DHTMLX Gantt и Scheduler с Vue.js
Наша команда разработала подробные руководства по интеграции DHTMLX Календарь событий планировщика и Библиотеку диаграмм Ганта с фреймворком Vue.js. Оба руководства включают пошаговое руководство с фрагментами кода и специальными снимками экрана. Более того, вы можете найти полные демонстрации на GitHub: Планировщик для Vue.js и Гант для Vue.js.
Руководства для Frontend-разработчиков
Готовы ли вы начать свой путь к фронтенд-разработке? Следующее пошаговое руководство должно помочь вам стать современным фронтенд-разработчиком.
Продолжайте идти и найдите все, что вам нужно знать, чтобы быстро создавать опыт в Интернете, в этом ежегодном контрольном списке производительности внешнего интерфейса. В руководство включен обновленный обзор проблем, которые может потребоваться рассмотреть каждому веб-разработчику, чтобы обеспечить быстрое время ответа, плавное взаимодействие с пользователем и снижение нагрузки на веб-сайты. Контрольный список можно загрузить в формате PDF, а также в виде документа Apple Pages.
Поддержка Internet Explorer 11 в Angular
В этой статье автор показывает шаги, которые он предпринял для поддержки IE 11 с помощью Angular. Первая часть посвящена тому, как он использовал, а вторая часть описывает способ более подробно, чтобы разработчики могли узнать больше. В заключение вы можете найти несколько дополнительных советов по созданию реального приложения.
Создание анимации снегопада с помощью CSS и JavaScript
Ой, погода на улице ужасная
Но огонь такой восхитительный
А раз уж нам некуда идти
Пусть идет снег, пусть идет снег, пусть идет снег.
Это руководство научит вас добавлять немного волшебства в ваш проект и создавать анимацию снегопада с помощью CSS и JavaScript. Вам будет предложена живая демонстрация и понятное руководство по началу работы со всеми необходимыми фрагментами кода.
