От автора: В данной статье мы познакомимся со специальным свойством NaN (Not-A-Number), которое является значением, представляющим не-число. Тип числа в JavaScript содержит целые числа и числа с плавающей запятой: const integer = 4; const float = 1.5; typeof integer; // => 'number' typeof float; // => 'number' Плюс есть два специальных числовых значения: Infinity (число больше, чем любое другое число) ...
Читать далее »Архив меток: JavaScript
Понимание CSS-in-JS
От автора: я собираюсь рассказать о CSS-in-JS, возможностях этой техники и о том, как мы можем создавать лучшие приложения, написав код CSS с помощью JavaScript. В этой статье мы узнаем больше о CSS-in-JS, другом способе стилизации элементов в приложениях. Эта методика уже давно используется в сообществе, и многие разработчики обнаружили, что они получают лучший стиль композиции в приложениях и а ...
Читать далее »Обзор Async Await
От автора: при написании кода для Веб, в конечном итоге вам понадобится выполнить некоторый процесс, который может занять несколько минут. JavaScript не может работать в многозадачном режиме, поэтому нам понадобится способ справиться с этими длительными процессами. Async / Await — это способ обработки такого типа временной последовательности. Это особенно удобно, когда вам нужно выполнить какой-то сетевой запрос и затем работать ...
Читать далее »3 способа заменить все вхождения строки в JavaScript
От автора: JavaScript не предоставляет простой способ заменить все вхождения строк. Ирония заключается в том, что Java, который послужил источником вдохновения для JavaScript в первые дни, использует метод replaceAll() для строк с 1995 года! В этом посте описываются 2 обходных пути для замены всех вхождений строк в JavaScript: разбиение и объединение строк, и replace() в сочетании с регулярным выражением. В ...
Читать далее »JavaScript Async + Await за 5 минут
От автора: скорее всего, вы сталкивались с промисами в своем JavaScript. Они позволяют подключиться к завершению асинхронных вызовов. Они упрощают цепочку асинхронных операций или даже группируют их вместе. Есть один крошечный недостаток. При использовании промисов синтаксис не всегда самый красивый. Представляем async + await. Для тех, кто в лагере TL; DR, async + await являются синтаксическим сахаром для применения промисов. ...
Читать далее »Вам не нужны циклы в JavaScript
От автора: узнайте, как заменить циклы и использовать функции высшего порядка, такие как map, Reduce и Filter. Почему мы заменяем циклы? Использование функций высшего порядка сделает ваш код: Более читабельный. Понятным. Отлаживаемым. 1. Перебрать все элементы и получить новый модифицированный массив Используя цикл: var names = ["Jack", "Jecci", "Ram", "Tom"];var upperCaseNames = []; for(let i=0, totalNames = names.length; i< totalNames ...
Читать далее »Тонкое искусство прогностической предварительной выборки
От автора: когда вы заказываете гамбургер с картофелем фри в любом ресторане в Америке, официант часто подносит бутылку кетчупа к столу еще до того, как гамбургер будет готов. Хотя вы, возможно, и не просили явно кетчуп, официант предполагает, что вы попросите об этом, так как большинство американцев едят гамбургеры с кетчупом. Но что, если оптимизация официанта была неправильной, и вы ...
Читать далее »Создание улучшенного пользовательского элемента выбора
От автора: в моей работе в качестве консультанта по доступности я часто сталкиваюсь с проблемами на сайтах. В последнее время очень часто встречается то, что люди создают элементы выбора для форм. Я могу сказать, что они пытаются сделать их доступными, потому что добавляют атрибуты ARIA или визуально скрытые инструкции для пользователей программ чтения с экрана. Иногда они используют плагин, создатели ...
Читать далее »Прекрасный опыт прокрутки — без библиотек
От автора: одной из областей, где Интернет традиционно отстает от нативных платформ, является воспринимаемая «привлекательность» приложения. Частично это восприятие происходит от того, как пользовательский интерфейс реагирует на взаимодействие с пользователем, включая прокрутку содержимого. Столкнувшись с ограничениями веб-платформы, разработчики часто обращаются к библиотекам и фреймворкам JavaScript, чтобы изменить процесс прокрутки веб-страницы — иногда называемый “scroll-jacking” — не всегда хорошо, если он ...
Читать далее »Используйте модули для создания модульного приложения JavaScript
От автора: одна из главных особенностей ES6 — поддержка JavaScript встроенных модулей. Модули позволяют совместно использовать код различными файлами, используя синтаксис export и import. Это значительное улучшение по сравнению с использованием тегов script и глобальных переменных для совместного использования кода. Использование тегов script было сопряжено с ошибкам, так как порядок загрузки имеет значение. Указание script в неправильном порядке может привести ...
Читать далее »