В настоящее время существует множество замечательных API-интерфейсов JavaScript. Здесь мы выбрали пять для вас, чтобы изучить в ваших веб-проектах. Объедините их с нашей подборкой лучших HTML-API, чтобы улучшить взаимодействие с пользователями ваших сайтов.
Содержание статьи
01. Intersection Observer
Этот API-интерфейс JavaScript можно использовать для понимания видимости и положения элементов DOM (называемых «целями») относительно содержащего элемента («корня»). Используйте его для запуска обратного вызова всякий раз, когда элемент входит и выходит из определенной области. Этот API лучше всего подходит для эффектов отложенной загрузки или бесконечной прокрутки.
02. Reporting Observer
Являясь частью API отчетности, наблюдатели Reporting наблюдают за некоторыми типами отчетов из JavaScript. Используйте их, чтобы получать уведомления, когда браузер должен вмешаться — например, если он должен предоставить запасной вариант для медленно загружаемого шрифта.
03. OffscreenCanvas
Рисование в является дорогостоящей задачей для браузера. Этот новый API позволяет визуализировать графику из основного потока, не обращаясь к DOM.
04. Интернационализация API
Известный по пространству имен Intl Интернационализация API ECMAScript обеспечивает сравнение строк с учетом языка, форматирование чисел, а также форматирование даты и времени. Используйте его, чтобы избежать отправки тяжелых библиотек и показывать даты, числа и строки в формате, который имеет смысл в расположении пользователя.
05. CSS Paint API
CSS Paint API — также известный как CSS Custom Paint — позволяет программно генерировать изображение всякий раз, когда его ожидает свойство CSS. Используйте JavaScript для создания динамических фонов, границ и масок изображений и применяйте их в CSS без значительного снижения производительности. Этот API-интерфейс должен быть включен по умолчанию в Chrome Stable.
Эта статья первоначально появилась в журнале Web Designer. Купить номер 280 или подписаться сейчас .
Подробнее о:
Загрузка...
