Главная » Архив меток: JavaScript

Архив меток: JavaScript

Тонкое искусство прогностической предварительной выборки

От автора: когда вы заказываете гамбургер с картофелем фри в любом ресторане в Америке, официант часто подносит бутылку кетчупа к столу еще до того, как гамбургер будет готов. Хотя вы, возможно, и не просили явно кетчуп, официант предполагает, что вы попросите об этом, так как большинство американцев едят гамбургеры с кетчупом. Но что, если оптимизация официанта была неправильной, и вы ...

Читать далее »

Создание улучшенного пользовательского элемента выбора

От автора: в моей работе в качестве консультанта по доступности я часто сталкиваюсь с проблемами на сайтах. В последнее время очень часто встречается то, что люди создают элементы выбора для форм. Я могу сказать, что они пытаются сделать их доступными, потому что добавляют атрибуты ARIA или визуально скрытые инструкции для пользователей программ чтения с экрана. Иногда они используют плагин, создатели ...

Читать далее »

Прекрасный опыт прокрутки — без библиотек

От автора: одной из областей, где Интернет традиционно отстает от нативных платформ, является воспринимаемая «привлекательность» приложения. Частично это восприятие происходит от того, как пользовательский интерфейс реагирует на взаимодействие с пользователем, включая прокрутку содержимого. Столкнувшись с ограничениями веб-платформы, разработчики часто обращаются к библиотекам и фреймворкам JavaScript, чтобы изменить процесс прокрутки веб-страницы — иногда называемый “scroll-jacking” — не всегда хорошо, если он ...

Читать далее »

Используйте модули для создания модульного приложения JavaScript

От автора: одна из главных особенностей ES6 — поддержка JavaScript встроенных модулей. Модули позволяют совместно использовать код различными файлами, используя синтаксис export и import. Это значительное улучшение по сравнению с использованием тегов script и глобальных переменных для совместного использования кода. Использование тегов script было сопряжено с ошибкам, так как порядок загрузки имеет значение. Указание script в неправильном порядке может привести ...

Читать далее »

Что такое super() в JavaScript?

От автора: что происходит, когда вы видите некоторый JavaScript, который вызывает super()? В дочернем классе вы используете super() для вызова конструктора его родителя и super.&ltmethodName> для доступа к методам его родителя. Эта статья предполагает хотя бы небольшое знакомство с понятиями конструкторов и дочерних и родительских классов. Super не уникален для Javascript — многие языки программирования, включая Java и Python, содержат ...

Читать далее »

Готовящиеся к выпуску новые функции JavaScript

От автора: после релиза ECMAScript2015 (также называемого ES6) JavaScript изменился и улучшился. Это отличная новость для всех разработчиков JavaScript. Кроме того, новая версия ECMAScript выпускается каждый год. Скорее всего, вы не заметили, какие функции были добавлены в последнюю версию ECMAScript, выпущенную в июне 2019 года. Я кратко расскажу вам о новых функциях, добавленных в последней версии, а также о функциях, ...

Читать далее »

Написание асинхронных задач в современном JavaScript

От автора: в этой статье мы исследуем эволюцию JavaScript в аспекте асинхронного выполнения от прошлой эпохи и до того, как он изменил способ написания и чтения кода. Мы начнем с начала веб-разработки и пройдем весь путь до современных примеров асинхронных шаблонов. JavaScript, как язык программирования, имеет две основные характеристики, обе важны для понимания того, как будет работать наш код. Во-первых, ...

Читать далее »

Раскрываем тайну JavaScript sort()

От автора: в JavaScript есть метод sort(), который вы можете использовать в массивах. Но результаты почти всегда странные и не дают того, что вы изначально ожидали. Так, например, если у вас есть следующий массив [9, 8, 12, 1, 33, 21], sort() вернет [1, 12, 21, 33, 8, 9]. На первый взгляд, это не имеет смысла, и это потому, что метод ...

Читать далее »

Советы по оптимизации JavaScript и улучшению загрузки сайта

От автора: в современном цифровом мире важно оставаться конкурентоспособным. Одним из параметров сохранения конкурентоспособности веб-сайтов является время загрузки. Если ваш сайт работает медленно, вы наверняка потеряете трафик, у вас будет более высокий показатель отказов и меньший оборот. Это означает, что с точки зрения бизнеса одним из наиболее важных аспектов, которые вам необходимо учитывать с самого начала, является производительность веб-сайта. В ...

Читать далее »

await верхнего уровня

От автора: await верхнего уровня позволяет разработчикам использовать ключевое слово await вне асинхронных функций. Оно действует как большая асинхронная функция, заставляя другие модули import ожидать ее, прежде чем они начнут оценивать тело. Старое поведение Когда async/ await был впервые введен, попытка использования await вне функции async приводила к SyntaxError. Многие разработчики использовали сразу вызываемые выражения асинхронных функций как способ получить ...

Читать далее »